/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- var temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-(inner) drag
+
+
@@ -292,13 +296,13 @@ (inner) drag
diff --git a/doc/EditMode.html b/doc/EditMode.html
deleted file mode 100644
index 24de47f17..000000000
--- a/doc/EditMode.html
+++ /dev/null
@@ -1,485 +0,0 @@
-
-
-
-
- JSDoc: Class: EditMode
-
-
-
-
-
-
-
-
-
-
-
-
- Class: EditMode
-
-
-
-
-
-
-
-
-
-
- EditMode(neonView, neonCore, meiFile, zoomHandler, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new EditMode(neonView, neonCore, meiFile, zoomHandler, infoBox)
-
-
-
-
-
-
-
- Creates user interface for editing and creates necessary tools.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent object.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- The NeonCore object.
-
-
-
-
-
-
- meiFile
-
-
-string
-
-
-
-
-
-
-
-
-
- The path to the MEi file.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- The ZoomHandler object.
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- EditMode.js, line 19
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) init()
-
-
-
-
-
-
-
- Initialize handlers and controls and create event listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- EditMode.js, line 33
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) resetListeners()
-
-
-
-
-
-
-
- Reset select event listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- EditMode.js, line 51
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/EditMode.js.html b/doc/EditMode.js.html
deleted file mode 100644
index b74f88903..000000000
--- a/doc/EditMode.js.html
+++ /dev/null
@@ -1,123 +0,0 @@
-
-
-
-
- JSDoc: Source: EditMode.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: EditMode.js
-
-
-
-
-
-
-
-
- import DragHandler from './DragHandler.js';
-import { ClickSelect, DragSelect } from './Select.js';
-import InsertHandler from './InsertHandler.js';
-import * as Controls from './Controls.js';
-import * as SelectOptions from './SelectOptions.js';
-import * as Text from './Text.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * Creates user interface for editing and creates necessary tools.
- * @constructor
- * @param {NeonView} neonView - The NeonView parent object.
- * @param {NeonCore} neonCore - The NeonCore object.
- * @param {string} meiFile - The path to the MEi file.
- * @param {module:Zoom~ZoomHandler} zoomHandler - The ZoomHandler object.
- * @param {InfoBox} infoBox
- */
-function EditMode (neonView, neonCore, meiFile, zoomHandler, infoBox) {
- var dragHandler = null;
- var select = null;
- var dragSelect = null;
- var insertHandler = null;
- // var vbHeight = null;
- // var vbWidth = null;
-
- // Set edit mode listener
- Controls.initEditMode(this);
-
- /**
- * Initialize handlers and controls and create event listeners.
- */
- function init () {
- Notification.queueNotification('Edit Mode');
- dragHandler = new DragHandler(neonView);
- Controls.initNavbar(meiFile, neonView);
- select = new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox);
- insertHandler = new InsertHandler(neonView);
- Controls.bindInsertTabs(insertHandler);
- $('#neumeTab').click();
- dragSelect = new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox);
- SelectOptions.initNeonView(neonView);
-
- Controls.initInsertEditControls(neonView);
- Text.enableEditText(neonView);
- }
-
- /**
- * Reset select event listeners.
- */
- function resetListeners () {
- select.selectListeners();
- }
-
- /// /// TODO: pass to cursorHandler to scale insert image ///////
- // function getScale() {
- // var viewBox = d3.select("#svg_group").attr("viewBox");
- // vbHeight = parseInt(viewBox.split(" ")[3]);
- // vbWidth = parseInt(viewBox.split(" ")[2]);
- // }
-
- function isInsertMode () {
- return (insertHandler != null && insertHandler.isInsertMode());
- }
-
- EditMode.prototype.init = init;
- EditMode.prototype.resetListeners = resetListeners;
- EditMode.prototype.isInsertMode = isInsertMode;
- // EditMode.prototype.getScale = getScale;
-}
-
-export { EditMode as default };
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/InfoBox.js.html b/doc/InfoBox.js.html
deleted file mode 100644
index ebd22dfc7..000000000
--- a/doc/InfoBox.js.html
+++ /dev/null
@@ -1,252 +0,0 @@
-
-
-
-
- JSDoc: Source: InfoBox.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: InfoBox.js
-
-
-
-
-
-
-
-
- const $ = require('jquery');
-
-/**
- * Gets information on musical elements and displays them.
- * @constructor
- * @param {NeonCore} neonCore
- */
-function InfoBox (neonCore) {
- /**
- * Set the info box listener on neumes, clefs, and custos.
- */
- function infoListeners () {
- $('.neume,.custos,.clef').on('mouseover', setInfo);
- }
-
- /**
- * Disable the mouseover listener for the info box.
- */
- function stopListeners () {
- $('.neume,.custos,.clef').off('mouseover', setInfo);
- }
-
- function setInfo () {
- updateInfo(this.id);
- }
-
- /**
- * Gets element info from Verovio and updates/creates the info box.
- * @param {string} id - The element ID
- */
- function updateInfo (id) {
- // For now, since Clefs do not have their own element tag in mei4, there is not a way to select the <g> element
- // So we will simply return if ID does not exist for now
- if (id === '') {
- $('#neume_info').empty();
- console.log('No id!');
- return;
- }
-
- var element = $('#' + id);
- var classRe = /neume|nc|clef|custos|staff/;
- var elementClass = element.attr('class').match(classRe)[0];
- var body = '';
- var attributes;
-
- // Gets the pitches depending on element type and
- switch (elementClass) {
- case 'neume':
- // Select neume components of selected neume
- var ncs = element.children('.nc');
- var contour = getContour(ncs);
- if (contour === 'Clivis') {
- var attr = neonCore.getElementAttr($(ncs[0])[0].id);
- if (attr.ligated) {
- contour = 'Ligature';
- }
- }
- var pitches = getPitches(ncs);
-
- pitches = pitches.trim().toUpperCase();
- body = 'Shape: ' + (contour === undefined ? 'Compound' : contour) + '<br/>' +
- 'Pitch(es): ' + pitches;
- break;
- case 'custos':
- attributes = neonCore.getElementAttr(id);
- body += 'Pitch: ' + (attributes.pname).toUpperCase() + attributes.oct;
- break;
- case 'clef':
- attributes = neonCore.getElementAttr(id);
- body += 'Shape: ' + attributes.shape + '<br/>' +
- 'Line: ' + attributes.line;
- break;
- case 'staff':
- elementClass = 'clef';
- var staffDefAttributes = neonCore.getElementStaffDef(id);
- body = 'Shape: ' + staffDefAttributes['clef.shape'] + '<br/>' +
- 'Line: ' + staffDefAttributes['clef.line'];
- break;
- default:
- body += 'nothing';
- break;
- }
- updateInfoBox(elementClass, body);
- }
-
- /**
- * Get the individual pitches of a neume.
- * @param {array.<SVGSVGElement>} ncs - neume components in the neume.
- */
- function getPitches (ncs) {
- var pitches = '';
- ncs.each(function () {
- var attributes = neonCore.getElementAttr(this.id);
- pitches += attributes.pname + attributes.oct + ' ';
- });
- return pitches;
- }
-
- /**
- * Get the contour of a neume.
- * @param {array.<SVGSVGElement>} ncs - neume components in the neume.
- */
- function getContour (ncs) {
- var contour = '';
- var previous = null;
- ncs.each(function () {
- var attributes = neonCore.getElementAttr(this.id);
- if (previous !== null) {
- if (previous.oct > attributes.oct) {
- contour += 'd';
- } else if (previous.oct < attributes.oct) {
- contour += 'u';
- } else {
- if (pitchNameToNum(previous.pname) < pitchNameToNum(attributes.pname)) {
- contour += 'u';
- } else if (pitchNameToNum(previous.pname) > pitchNameToNum(attributes.pname)) {
- contour += 'd';
- } else {
- contour += 's';
- }
- }
- }
- previous = attributes;
- });
- if (neumeGroups.get(contour) === undefined) {
- console.warn('Unknown contour: ' + contour);
- }
- return neumeGroups.get(contour);
- }
-
- /**
- * Show and update the info box.
- * @param {string} title - The info box title.
- * @param {string} body - The info box contents.
- */
- function updateInfoBox (title, body) {
- if ($('#displayInfo').is(':checked')) {
- $('.message').css('display', '');
- $('.message-header').children('p').html(title);
- $('.message-body').html(body);
- }
- // Setting up listener for dismissing message
- $('#notification-delete').on('click', function () {
- $('.message').css('display', 'none');
- });
- }
-
- /**
- * Convert a pitch name (a-g) to a number (where c is 1, d is 2 and b is 7).
- * @param {string} pname - The pitch name.
- * @returns {number}
- */
- function pitchNameToNum (pname) {
- switch (pname) {
- case 'c':
- return 1;
- case 'd':
- return 2;
- case 'e':
- return 3;
- case 'f':
- return 4;
- case 'g':
- return 5;
- case 'a':
- return 6;
- case 'b':
- return 7;
- default:
- console.log('Unknown pitch name');
- }
- }
-
- /**
- * Find the contour of an neume grouping based on the grouping name.
- * @param {string} value - the value name.
- * @returns {string}
- */
- function getContourByValue (value) {
- for (let [cont, v] of neumeGroups.entries()) {
- if (v === value) {
- return cont;
- }
- }
- }
-
- /**
- * A map containing neume groupings and their contours.
- */
- var neumeGroups = new Map(
- [['', 'Punctum'], ['u', 'Pes'], ['d', 'Clivis'], ['uu', 'Scandicus'], ['ud', 'Torculus'], ['du', 'Porrectus'], ['s', 'Distropha'], ['ss', 'Tristopha'],
- ['sd', 'Pressus'], ['dd', 'Climacus'], ['ddu', 'Climacus resupinus'], ['udu', 'Torculus resupinus'], ['dud', 'Porrectus flexus'],
- ['udd', 'Pes subpunctis'], ['uud', 'Scandicus flexus'], ['uudd', 'Scandicus subpunctis'], ['dudd', 'Porrectus subpunctis']]
- );
-
- InfoBox.prototype.infoListeners = infoListeners;
- InfoBox.prototype.stopListeners = stopListeners;
- InfoBox.getContour = getContour;
- InfoBox.getContourByValue = getContourByValue;
-}
-export { InfoBox as default };
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/InfoModule.js.html b/doc/InfoModule.js.html
new file mode 100644
index 000000000..4cae54d0b
--- /dev/null
+++ b/doc/InfoModule.js.html
@@ -0,0 +1,291 @@
+
+
+
+
+ JSDoc: Source: InfoModule.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: InfoModule.js
+
+
+
+
+
+
+
+
+ /** @module InfoModule */
+
+const $ = require('jquery');
+
+/**
+ * Class that manages getting information for elements in Neon from Verovio.
+ */
+class InfoModule {
+ /**
+ * A constructor for an InfoModule.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ // Add info box enable/disable check box
+ let block = document.getElementById('extensible-block');
+ block.innerHTML = '<label class="checkbox">Display Info: ' +
+ '<input class="checkbox" id="displayInfo" type="checkbox" checked="checked"/></label>' +
+ block.innerHTML;
+
+ InfoModule.neonView = this.neonView;
+ this.neonView.view.addUpdateCallback(InfoModule.resetInfoListeners);
+ setInfoControls();
+ }
+
+ /**
+ * Set listeners for the InfoModule.
+ */
+ static infoListeners () {
+ $('.active-page').find('.neume,.custos,.clef').on('mouseover', InfoModule.updateInfo);
+ }
+
+ /**
+ * Stop listeners for the InfoModule.
+ */
+ static stopListeners () {
+ $('.neume,.custos,.clef').off('mouseover', InfoModule.updateInfo);
+ }
+
+ /**
+ * Restart listeners for the InfoModule.
+ */
+ static resetInfoListeners () {
+ InfoModule.stopListeners();
+ InfoModule.infoListeners();
+ }
+
+ /**
+ * Get updated info for the calling element based on its element type.
+ * Makes calls to NeonCore to get the information necessary.
+ */
+ static async updateInfo () {
+ // For now, since Clefs do not have their own element tag in mei4, there is not a way to select the <g> element
+ // So we will simply return if ID does not exist for now
+ let id = this.id;
+ if (id === '') {
+ $('#neume_info').empty();
+ console.log('No id!');
+ return;
+ }
+
+ var element = $('#' + id);
+ var classRe = /neume|nc|clef|custos|staff/;
+ var elementClass = element.attr('class').match(classRe)[0];
+ var body = '';
+ var attributes;
+
+ // Gets the pitches depending on element type and
+ switch (elementClass) {
+ case 'neume':
+ // Select neume components of selected neume
+ var ncs = element.children('.nc');
+ var contour = await InfoModule.getContour(ncs);
+ if (contour === 'Clivis') {
+ var attr = await InfoModule.neonView.getElementAttr($(ncs[0])[0].id, 0);
+ if (attr.ligated) {
+ contour = 'Ligature';
+ }
+ }
+ var pitches = await InfoModule.getPitches(ncs);
+
+ pitches = pitches.trim().toUpperCase();
+ body = 'Shape: ' + (contour === undefined ? 'Compound' : contour) + '<br/>' +
+ 'Pitch(es): ' + pitches;
+ break;
+ case 'custos':
+ attributes = await InfoModule.neonView.getElementAttr(id, 0);
+ body += 'Pitch: ' + (attributes.pname).toUpperCase() + attributes.oct;
+ break;
+ case 'clef':
+ attributes = await InfoModule.neonView.getElementAttr(id, 0);
+ body += 'Shape: ' + attributes.shape + '<br/>' +
+ 'Line: ' + attributes.line;
+ break;
+ case 'staff':
+ elementClass = 'clef';
+ var staffDefAttributes = await InfoModule.neonView.getElementStaffDef(id);
+ body = 'Shape: ' + staffDefAttributes['clef.shape'] + '<br/>' +
+ 'Line: ' + staffDefAttributes['clef.line'];
+ break;
+ default:
+ body += 'nothing';
+ break;
+ }
+ InfoModule.updateInfoModule(elementClass, body);
+ }
+
+ /**
+ * Get the individual pitches of a neume.
+ * @param {array.<SVGGraphicsElement>} ncs - neume components in the neume.
+ */
+ static async getPitches (ncs) {
+ var pitches = '';
+ for (let nc of ncs) {
+ var attributes = await InfoModule.neonView.getElementAttr(nc.id, 0);
+ pitches += attributes.pname + attributes.oct + ' ';
+ }
+ return pitches;
+ }
+
+ /**
+ * Get the contour of a neume.
+ * @param {array.<SVGGraphicsElement>} ncs - neume components in the neume.
+ */
+ static async getContour (ncs) {
+ var contour = '';
+ var previous = null;
+ for (let nc of ncs) {
+ var attributes = await InfoModule.neonView.getElementAttr(nc.id, 0);
+ if (previous !== null) {
+ if (previous.oct > attributes.oct) {
+ contour += 'd';
+ } else if (previous.oct < attributes.oct) {
+ contour += 'u';
+ } else {
+ if (InfoModule.pitchNameToNum(previous.pname) < InfoModule.pitchNameToNum(attributes.pname)) {
+ contour += 'u';
+ } else if (InfoModule.pitchNameToNum(previous.pname) > InfoModule.pitchNameToNum(attributes.pname)) {
+ contour += 'd';
+ } else {
+ contour += 's';
+ }
+ }
+ }
+ previous = attributes;
+ }
+ if (InfoModule.neumeGroups.get(contour) === undefined) {
+ console.warn('Unknown contour: ' + contour);
+ }
+ return InfoModule.neumeGroups.get(contour);
+ }
+
+ /**
+ * Show and update the info box.
+ * @param {string} title - The info box title.
+ * @param {string} body - The info box contents.
+ */
+ static updateInfoModule (title, body) {
+ if ($('#displayInfo').is(':checked')) {
+ $('.message').css('display', '');
+ $('.message-header').children('p').html(title);
+ $('.message-body').html(body);
+ }
+ // Setting up listener for dismissing message
+ $('#notification-delete').on('click', function () {
+ $('.message').css('display', 'none');
+ });
+ }
+
+ /**
+ * Convert a pitch name (a-g) to a number (where c is 1, d is 2 and b is 7).
+ * @param {string} pname - The pitch name.
+ * @returns {number}
+ */
+ static pitchNameToNum (pname) {
+ switch (pname) {
+ case 'c':
+ return 1;
+ case 'd':
+ return 2;
+ case 'e':
+ return 3;
+ case 'f':
+ return 4;
+ case 'g':
+ return 5;
+ case 'a':
+ return 6;
+ case 'b':
+ return 7;
+ default:
+ console.log('Unknown pitch name');
+ }
+ }
+
+ /**
+ * Find the contour of an neume grouping based on the grouping name.
+ * @param {string} value - the value name.
+ * @returns {string}
+ */
+ static getContourByValue (value) {
+ for (let [cont, v] of InfoModule.neumeGroups.entries()) {
+ if (v === value) {
+ return cont;
+ }
+ }
+ }
+}
+
+/**
+ * Map of contours to neume names.
+ */
+InfoModule.neumeGroups = new Map(
+ [['', 'Punctum'], ['u', 'Pes'], ['d', 'Clivis'], ['uu', 'Scandicus'], ['ud', 'Torculus'], ['du', 'Porrectus'], ['s', 'Distropha'], ['ss', 'Tristopha'],
+ ['sd', 'Pressus'], ['dd', 'Climacus'], ['ddu', 'Climacus resupinus'], ['udu', 'Torculus resupinus'], ['dud', 'Porrectus flexus'],
+ ['udd', 'Pes subpunctis'], ['uud', 'Scandicus flexus'], ['uudd', 'Scandicus subpunctis'], ['dudd', 'Porrectus subpunctis']]
+);
+
+/**
+ * Set listener on info visibility checkbox.
+ */
+function setInfoControls () {
+ updateInfoVisibility();
+ $('#displayInfo').click(updateInfoVisibility);
+}
+
+/**
+ * Update the visibility of infoBox
+ */
+function updateInfoVisibility () {
+ if ($('#displayInfo').is(':checked')) {
+ $('#neume_info').append("<article class='message' style='display: none;'><div class='message-header'><p></p>" +
+ "<button class='delete' id='notification-delete' aria-label='delete'></button></div>" +
+ "<div class='message-body'></div>");
+ } else {
+ $('#neume_info').empty();
+ }
+}
+
+export { InfoModule as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/InsertHandler.html b/doc/InsertHandler.html
index 9a88ab728..9a77f96ec 100644
--- a/doc/InsertHandler.html
+++ b/doc/InsertHandler.html
@@ -142,7 +142,7 @@ Parameters:
Source:
Parameters:
+
+
@@ -297,7 +299,7 @@ Parameters:
Source:
Parameters:
+
+
@@ -432,7 +436,7 @@ Parameters:
Source:
Parameters:
+
+
@@ -518,7 +524,7 @@ (inner) Source:
(inner) (inner)
Source:
(inner)
+
+
Returns:
@@ -757,7 +767,7 @@ Parameters:
Source:
Parameters:
+
+
@@ -801,13 +813,13 @@ Parameters:
diff --git a/doc/NeonCore.html b/doc/NeonCore.html
index 89cfba50c..83933848f 100644
--- a/doc/NeonCore.html
+++ b/doc/NeonCore.html
@@ -28,7 +28,10 @@ Class: NeonCore
- NeonCore(mei, vrvToolkit)
+ NeonCore(meiMap, title) → {object}
+
+ The core component of Neon. This manages the database,
+the verovio toolkit, the cache, and undo/redo stacks.
@@ -39,9 +42,11 @@ NeonCoreConstructor
+
- new NeonCore(mei, vrvToolkit)
+ new NeonCore(meiMap, title) → {object}
@@ -49,7 +54,7 @@ new NeonCore<
- Underlying NeonCore class that communicates with Verovio.
+ Constructor for NeonCore
@@ -85,13 +90,13 @@ Parameters:
- meimeiMap
-string
+Map.<number, string>
@@ -101,20 +106,20 @@ Parameters:
- Contents of the MEI file.
+ Map of zero-indexed page no to MEI.
- vrvToolkittitle
-object
+string
@@ -124,7 +129,7 @@ Parameters:
- An instantiated Verovio toolkit.
+ The title of the page or manuscript.
@@ -165,7 +170,7 @@ Parameters:
Source:
-
- NeonCore.js, line 7
+ NeonCore.js, line 17
Parameters:
+Returns:
+
+
+
+ A NeonCore object.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+object
+
+
-
+
+
+
+
+
@@ -211,137 +238,103 @@ Parameters:
- Methods
+ Members
+neonCache :Map.<number, CacheEntry>
-
-
-
- (inner) edit(editorAction, addToUndoopt) → {boolean}
-
-
-
- Execute an editor action in Verovio.
+ A cache mapping a page number to a CacheEntry.
+ Type:
+
+ -
+
+Map.<number, CacheEntry>
+
+
- Parameters:
-
-
-
-
-
- Name
-
+
- Type
+
-
- Attributes
-
+
-
- Default
-
+
- Description
-
-
+
-
-
-
- editorAction
-
-
-object
+
+
-
-
+
-
-
-
+
-
+
-
-
-
+
-
-
-
-
-
+
+ Source:
+ -
+ NeonCore.js, line 54
+
The action to execute.
-
+
-
-
- addToUndo
-
-
-boolean
-
-
-
-
-
- <optional>
-
-
-
-
+
+redoStacks :Map.<number, Array.<string>>
-
-
-
- true
-
-
-
- Whether or not to make this action undoable.
-
-
-
-
+
+
+ Stacks of previous MEI files representing actions that can be redone for each page.
+
+
+ Type:
+
+ -
+
+Map.<number, Array.<string>>
+
+
+
+
+
@@ -375,7 +368,7 @@ Parameters:
Source:
-
- NeonCore.js, line 63
+ NeonCore.js, line 40
Parameters:
+
+
+undoStacks :Map.<number, Array.<string>>
+
+ Stacks of previous MEI files representing actions that can be undone for each page.
+
-Returns:
+ Type:
+
+ -
+
+Map.<number, Array.<string>>
-
+
+
-
- -
- Type
-
- -
-
-boolean
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 34
+
+
+
+
+
+
+
+ Methods
@@ -427,7 +468,7 @@ Returns:
- (inner) getElementAttr(elementId) → {object}
+ (async) edit(action, pageNo) → {boolean}
@@ -435,7 +476,7 @@ (inner)
- Get MEI element attributes from Verovio.
+ Perform an editor action on a specific page.
@@ -471,13 +512,13 @@ Parameters:
- elementIdaction
-string
+object
@@ -487,54 +528,762 @@ Parameters:
- The ID of the MEI element.
-
-
-
-
-
-
+ The editor toolkit action object.
+ Properties
+
+
+
+
+
+ Name
+
+ Type
+
+
-
+ Description
+
+
+
-
+
+
+ action
+
+
+string
-
-
+
+
-
+
-
+
-
+ The name of the action to perform.
+
-
+
+
+ param
+
+
+object
+|
-
+array
-
- Source:
- -
- NeonCore.js, line 53
-
-
+
+
+
+
+ The parameters of the action(s)
+
+
+
+
+
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number to perform the action on.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 184
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ If the action succeeded or not.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getElementAttr(elementId, pageNo) → {Promise}
+
+
+
+
+
+
+
+ Get musical element attributes from the verovio toolkit.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ elementId
+
+
+string
+
+
+
+
+
+
+
+
+
+ The unique ID of the musical element.
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number the element is on.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 168
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the attributes in an object.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getMEI(pageNo) → {Promise}
+
+
+
+
+
+
+
+ Get the MEI for a specific page number.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 154
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the MEI as a string.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getSVG(pageNo) → {Promise}
+
+
+
+
+
+
+
+ Get the SVG for a specific page number.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 141
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the SVG.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ info() → {string}
+
+
+
+
+
+
+
+ Get the edit info string from the verovio toolkit.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 212
+
@@ -551,6 +1300,8 @@ Parameters:
+
+
Returns:
@@ -562,7 +1313,7 @@ Returns:
-object
+string
@@ -574,29 +1325,257 @@ Returns:
-
+
+
+
+
+
+
+ (async) initDb()
+
+
+
+
+
+
+
+ Initialize the PouchDb database based on the provided MEI.
+This should only be run if previous data does not exist.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 67
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ loadData(pageNo, data, dirtyopt)
+
+
+
+
+
+
+
+ Load data into the verovio toolkit and update the cache.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+ Attributes
+
+
+
+ Default
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number.
+
+
+
+
+
+
+ data
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
-
- (inner) getMEI() → {string}
-
+ The MEI of the page as a string.
+
+
+
+ dirty
+
+
+boolean
-
- Get the MEI data from Verovio.
-
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+ false
+
+
+
+ If the cache entry should be marked as dirty. Defaults to false.
+
+
+
+
@@ -632,7 +1611,7 @@ (inner) getMEI
Source:
(inner) getMEI
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
@@ -684,7 +1647,7 @@ Returns:
- (inner) getSVG() → {string}
+ loadPage(pageNo) → {Promise}
@@ -692,7 +1655,8 @@ (inner) getSVG
- Get the SVG from Verovio.
+ Load a page into the verovio toolkit. This will fetch the
+page from the cache or from the database.
@@ -703,108 +1667,53 @@ (inner) getSVG
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- NeonCore.js, line 36
-
Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
+
+
+
+
+ Name
+ Type
-
- -
- Type
-
- -
-string
+
-
-
+ Description
+
+
+
+
+
+ pageNo
+
+
+number
+
+
-
-
+
-
- (inner) info() → {string}
-
+ The zero-indexed page number to load.
+
-
-
-
-
- Get additional information on the last editor action from Verovio.
-
-
-
-
-
-
-
-
+
+
@@ -840,7 +1749,7 @@ (inner) infoSource:
-
- NeonCore.js, line 82
+ NeonCore.js, line 96
(inner) infoReturns:
+
+ A promise that resolves to the cache entry.
+
+
@@ -874,7 +1789,7 @@ Returns:
-
-string
+Promise
@@ -892,7 +1807,7 @@ Returns:
- (inner) loadData(data)
+ redo(pageNo) → {boolean}
@@ -900,7 +1815,7 @@ (inner) load
- Load MEI data into Verovio.
+ Redo the last action performed on a page.
@@ -936,13 +1851,13 @@ Parameters:
- datapageNo
-string
+number
@@ -952,7 +1867,7 @@ Parameters:
- MEI data.
+ The zero-indexed page number.
@@ -993,7 +1908,7 @@ Parameters:
- Source:
Parameters:
+Returns:
+
+
+
+ If an action was redone or not.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
@@ -1027,7 +1966,7 @@ Parameters:
- (inner) redo() → {boolean}
+ undo(pageNo) → {boolean}
@@ -1035,7 +1974,7 @@ (inner) redo
- Redo an undone action.
+ Undo the last action performed on a specific page.
@@ -1046,6 +1985,55 @@ (inner) redoParameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number.
+
+
+
+
+
+
+
@@ -1079,7 +2067,7 @@ (inner) redoSource:
(inner) redoReturns:
+
+ If an action undone.
+
+
@@ -1131,7 +2125,7 @@ Returns:
- (inner) undo() → {boolean}
+ (async) updateDatabase()
@@ -1139,7 +2133,9 @@ (inner) undo
- Undo the last editor action.
+ Update the PouchDb database stored in the browser.
+This is based on the data stored in the cache. To save time,
+only entries marked as dirty will be updated.
@@ -1183,7 +2179,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
@@ -1245,13 +2225,13 @@ Returns:
diff --git a/doc/NeonCore.js.html b/doc/NeonCore.js.html
index ae277d4a0..f99b8ef16 100644
--- a/doc/NeonCore.js.html
+++ b/doc/NeonCore.js.html
@@ -26,130 +26,281 @@ Source: NeonCore.js
- /**
- * Underlying NeonCore class that communicates with Verovio.
- * @constructor
- * @param {string} mei - Contents of the MEI file.
- * @param {object} vrvToolkit - An instantiated Verovio toolkit.
- */
-function NeonCore (mei, vrvToolkit) {
- /// ///////////
- // Constructor
- /// ///////////
- var vrvOptions = {
- noFooter: 1,
- noHeader: 1,
- pageMarginLeft: 0,
- pageMarginTop: 0,
- font: 'Bravura'
- };
- var undoStack = new Array(0);
- var redoStack = new Array(0);
-
- vrvToolkit.setOptions(vrvOptions);
- loadData(mei);
+ import * as Validation from './Validation.js';
+import PouchDb from 'pouchdb';
+
+const verovio = require('verovio-dev');
+/**
+ * The core component of Neon. This manages the database,
+ * the verovio toolkit, the cache, and undo/redo stacks.
+ */
+class NeonCore {
/**
- * Load MEI data into Verovio.
- * @param {string} data - MEI data.
+ * Constructor for NeonCore
+ * @param {Map<number, string>} meiMap - Map of zero-indexed page no to MEI.
+ * @param {string} title - The title of the page or manuscript.
+ * @returns {object} A NeonCore object.
+ */
+ constructor (meiMap, title) {
+ this.vrvToolkit = new verovio.toolkit();
+ this.vrvToolkit.setOptions({
+ inputFormat: 'mei',
+ noFooter: 1,
+ noHeader: 1,
+ pageMarginLeft: 0,
+ pageMarginTop: 0,
+ font: 'Bravura'
+ });
+
+ Validation.init();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be undone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.undoStacks = new Map();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be redone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.redoStacks = new Map();
+
+ /**
+ * A cache entry.
+ * @typedef {Object} CacheEntry
+ * @property {boolean} dirty - If the entry has been modified since being fetched from the database.
+ * @property {string} mei - The MEI data for the page.
+ * @property {SVGSVGElement} svg - The rendered SVG for the page.
*/
- function loadData (data) {
- vrvToolkit.loadData(data);
+
+ /**
+ * A cache mapping a page number to a {@link CacheEntry}.
+ * @type {Map.<number, CacheEntry>}
+ */
+ this.neonCache = new Map();
+
+ this.parser = new DOMParser();
+
+ this.db = new PouchDb(title);
+ // Add each MEI to the database
+ this.meiMap = meiMap;
}
/**
- * Get the SVG from Verovio.
- * @returns {string}
- */
- function getSVG () {
- return vrvToolkit.renderToSVG(1);
+ * Initialize the PouchDb database based on the provided MEI.
+ * This should only be run if previous data does not exist.
+ */
+ async initDb () {
+ for (let pair of this.meiMap) {
+ let key = pair[0];
+ let value = pair[1];
+ await this.db.get(key.toString()).catch((err) => {
+ if (err.name === 'not_found') {
+ // Create new document
+ return {
+ _id: key.toString(),
+ data: ''
+ };
+ } else {
+ throw err;
+ }
+ }).then((doc) => {
+ doc.data = value;
+ return this.db.put(doc);
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
}
/**
- * Get the MEI data from Verovio.
- * @returns {string}
- */
- function getMEI () {
- return vrvToolkit.getMEI(0, true);
+ * Load a page into the verovio toolkit. This will fetch the
+ * page from the cache or from the database.
+ * @param {number} pageNo - The zero-indexed page number to load.
+ * @returns {Promise} A promise that resolves to the cache entry.
+ */
+ loadPage (pageNo) {
+ return new Promise((resolve, reject) => {
+ if (this.currentPage !== pageNo) {
+ if (this.neonCache.has(pageNo)) {
+ this.loadData(pageNo, this.neonCache.get(pageNo).mei);
+ resolve(this.neonCache.get(pageNo));
+ } else {
+ this.db.get(pageNo.toString()).then((doc) => {
+ this.loadData(pageNo, doc.data);
+ resolve(this.neonCache.get(pageNo));
+ }).catch((err) => {
+ reject(err);
+ });
+ }
+ } else {
+ resolve(this.neonCache.get(pageNo));
+ }
+ });
}
/**
- * Get MEI element attributes from Verovio.
- * @param {string} elementId - The ID of the MEI element.
- * @returns {object}
- */
- function getElementAttr (elementId) {
- return vrvToolkit.getElementAttr(elementId);
+ * Load data into the verovio toolkit and update the cache.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @param {string} data - The MEI of the page as a string.
+ * @param {boolean} [dirty] - If the cache entry should be marked as dirty. Defaults to false.
+ */
+ loadData (pageNo, data, dirty = false) {
+ Validation.sendForValidation(data);
+ let svg = this.parser.parseFromString(
+ this.vrvToolkit.renderData(data, {}),
+ 'image/svg+xml'
+ ).documentElement;
+ this.neonCache.set(pageNo, {
+ svg: svg,
+ mei: data,
+ dirty: dirty
+ });
+ this.currentPage = pageNo;
}
/**
- * Execute an editor action in Verovio.
- * @param {object} editorAction - The action to execute.
- * @param {boolean} [addToUndo=true] - Whether or not to make this action undoable.
- * @returns {boolean}
- */
- function edit (editorAction, addToUndo = true) {
- let currentMEI = getMEI();
- // console.log(editorAction); // Useful for debugging actions
- let value = vrvToolkit.edit(editorAction);
- if (value && addToUndo) {
- undoStack.push(currentMEI);
- redoStack = new Array(0);
- }
- return value;
+ * Get the SVG for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the SVG.
+ */
+ getSVG (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.svg);
+ }).catch((err) => { reject(err); });
+ });
}
- function addStateToUndo () {
- undoStack.push(getMEI());
+ /**
+ * Get the MEI for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the MEI as a string.
+ */
+ getMEI (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.mei);
+ }).catch((err) => { reject(err); });
+ });
}
/**
- * Get additional information on the last editor action from Verovio.
- * @returns {string}
- */
- function info () {
- return vrvToolkit.editInfo();
+ * Get musical element attributes from the verovio toolkit.
+ * @param {string} elementId - The unique ID of the musical element.
+ * @param {number} pageNo - The zero-indexed page number the element is on.
+ * @returns {Promise} A promise that resolves to the attributes in an object.
+ */
+ getElementAttr (elementId, pageNo) {
+ return new Promise((resolve) => {
+ this.loadPage(pageNo).then(() => {
+ resolve(this.vrvToolkit.getElementAttr(elementId));
+ });
+ });
}
/**
- * Undo the last editor action.
- * @returns {boolean}
- */
- function undo () {
- let state = undoStack.pop();
- if (state !== undefined) {
- redoStack.push(getMEI());
- loadData(state);
- return true;
+ * Perform an editor action on a specific page.
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {boolean} If the action succeeded or not.
+ */
+ async edit (editorAction, pageNo) {
+ if (this.currentPage !== pageNo) {
+ await this.loadPage(pageNo);
+ }
+ let currentMEI = this.getMEI(pageNo);
+ let result = this.vrvToolkit.edit(editorAction);
+ if (result) {
+ if (!this.undoStacks.has(pageNo)) {
+ this.undoStacks.set(pageNo, []);
+ }
+ this.undoStacks.get(pageNo).push(await currentMEI);
+ this.redoStacks.set(pageNo, []);
+
+ // Update cache
+ this.neonCache.set(pageNo, {
+ mei: this.vrvToolkit.getMEI(0, true),
+ svg: this.parser.parseFromString(this.vrvToolkit.renderToSVG(1),
+ 'image/svg+xml').documentElement,
+ dirty: true
+ });
+ }
+ return result;
+ }
+
+ /**
+ * Get the edit info string from the verovio toolkit.
+ * @returns {string}
+ */
+ info () {
+ return this.vrvToolkit.editInfo();
+ }
+
+ /**
+ * Undo the last action performed on a specific page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action undone.
+ */
+ undo (pageNo) {
+ if (this.undoStacks.has(pageNo)) {
+ let state = this.undoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.redoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
/**
- * Redo an undone action.
- * @returns {boolean}
- */
- function redo () {
- let state = redoStack.pop();
- if (state !== undefined) {
- undoStack.push(getMEI());
- loadData(state);
- return true;
+ * Redo the last action performed on a page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action was redone or not.
+ */
+ redo (pageNo) {
+ if (this.redoStacks.has(pageNo)) {
+ let state = this.redoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.undoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
- // Constructor reference
- NeonCore.prototype.constructor = NeonCore;
- NeonCore.prototype.loadData = loadData;
- NeonCore.prototype.getSVG = getSVG;
- NeonCore.prototype.getMEI = getMEI;
- NeonCore.prototype.getElementAttr = getElementAttr;
- NeonCore.prototype.edit = edit;
- NeonCore.prototype.info = info;
- NeonCore.prototype.undo = undo;
- NeonCore.prototype.redo = redo;
- NeonCore.prototype.addStateToUndo = addStateToUndo;
+ /**
+ * Update the PouchDb database stored in the browser.
+ * This is based on the data stored in the cache. To save time,
+ * only entries marked as dirty will be updated.
+ */
+ async updateDatabase () {
+ for (let pair of this.neonCache) {
+ let key = pair[0];
+ let value = pair[1];
+ if (value.dirty) {
+ await this.db.get(key.toString()).then((doc) => {
+ doc.data = value.mei;
+ return this.db.put(doc);
+ }).then(() => {
+ console.log('done');
+ value.dirty = false;
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
+ }
+ }
}
export { NeonCore as default };
@@ -163,13 +314,13 @@ Source: NeonCore.js
diff --git a/doc/NeonView.html b/doc/NeonView.html
index 2da4f14a7..faabba9a5 100644
--- a/doc/NeonView.html
+++ b/doc/NeonView.html
@@ -30,6 +30,9 @@ Class: NeonView
NeonView(params)
+ NeonView class. Manages the other modules of Neon and communicates with
+NeonCore.
+
@@ -39,6 +42,8 @@ NeonViewConstructor
+
new NeonView(params)
@@ -49,7 +54,7 @@ new NeonView<
- The class managing DOM objects and the NeonCore class for the application.
+ Constructor for NeonView. Sets mode and passes constructors.
@@ -101,7 +106,7 @@ Parameters:
- An object containing the filenames of the MEI file and background image.
+
Properties
@@ -129,7 +134,7 @@ Properties
- meifilemode
@@ -153,20 +158,20 @@ Properties
- The filename of the MEI file.
+
- bgimgoptions
-string
+object
@@ -184,20 +189,20 @@ Properties
- The filename of the background image.
+
- modeView
-string
+object
@@ -215,20 +220,115 @@ Properties
- The mode to run NeonCore in.
+ Constructor for a View module
- rawDisplay
-string
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for DisplayPanel module
+
+
+
+
+
+
+ Info
+
+
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for InfoModule module
+
+
+
+
+
+
+ Edit
+
+
+object
+
+
+
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+
+
+ Constructor for EditMode module
+
+
+
+
+
+
+ TextView
+
+
+object
@@ -248,7 +348,7 @@ Properties
- If the meifile parameter is actually the raw contents of an MEI file.
+ Constructor for TextView module
@@ -296,20 +396,13 @@ Properties
- Source:
-
- NeonView.js, line 25
+ NeonView.js, line 20
- See:
- -
-
-
-
@@ -331,25 +424,394 @@ Properties
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ deleteDb() → {Promise}
+
+
+
+
+
+
+
+ Deletes the local database of the loaded MEI file(s).
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonView.js, line 147
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves when the database is deleted.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ edit(action, pageNo) → {Promise}
+
+
+
+
+
+
+
+ Perform an editor action
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+object
+
+
+
+
+
+
+
+
+
+ The editor toolkit action object.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the action to perform.
+
+
+
+
+
+
+ param
+
+
+object
+|
+
+array
+
+
+
+
+
+
+
+
+
+ The parameters of the action(s)
+
+
+
+
+
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number to perform the action on.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonView.js, line 115
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the result of the action.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
-
-
+
+
-
-
-
-
- Methods
@@ -357,7 +819,7 @@ Methods
- (inner) edit(editorAction, addToUndoopt) → {boolean}
+ getElementAttr(elementID, pageNo) → {Promise}
@@ -365,7 +827,7 @@ (inner) edit
- Execute an editor action.
+ Get the attributes for a specific musical element.
@@ -389,12 +851,8 @@ Parameters:
Type
- Attributes
-
- Default
-
Description
@@ -405,74 +863,46 @@ Parameters:
- editorActionelementID
-object
+string
-
-
-
-
-
-
-
-
-
-
-
-
- The editor action.
+ The unique ID of the element.
- addToUndopageNo
-boolean
+number
-
-
- <optional>
-
-
-
-
-
-
-
-
-
- true
-
-
-
- Whether or not to add the action to the undo stack.
+ The zero-indexed page number the ID is found on.
@@ -513,7 +943,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
- If the action succeeded.
+ A promise that resolves to the available attributes.
@@ -551,7 +983,7 @@ Returns:
-
-boolean
+Promise
@@ -569,7 +1001,7 @@ Returns:
- (inner) loadSvg()
+ getPageMEI(pageNo) → {Promise}
@@ -577,7 +1009,7 @@ (inner) loadS
- Load the SVG and put it in the SVG container.
+ Get the page's MEI file as a string.
@@ -588,6 +1020,55 @@ (inner) loadS
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to get.
+
+
+
+
+
+
+
@@ -621,7 +1102,7 @@ (inner) loadS
- Source:
(inner) loadS
+Returns:
+
+
+
+ A promise that resolves to the string.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
@@ -655,7 +1160,7 @@ (inner) loadS
- (inner) loadView()
+ getPageURI(pageNo) → {Promise}
@@ -663,7 +1168,7 @@ (inner) load
- Load the view, including background image and rendered MEI.
+ Get the page's MEI file encoded as a data URI.
@@ -674,6 +1179,55 @@ (inner) load
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to encode.
+
+
+
+
+
+
+
@@ -707,7 +1261,7 @@ (inner) load
- Source:
(inner) load
+Returns:
+
+
+
+ A promise that resolves to the URI.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
@@ -741,7 +1319,7 @@ (inner) load
- (inner) redo() → {boolean}
+ getUserMode()
@@ -749,7 +1327,7 @@ (inner) redo
- Redo the last undone action.
+ Get the mode Neon is in: viewer, insert, or edit.
@@ -793,7 +1371,7 @@ (inner) redoSource:
(inner) redoReturns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
@@ -845,7 +1407,7 @@ Returns:
- (inner) refreshPage()
+ redo()
@@ -853,7 +1415,7 @@ (inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
- Source:
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
- Reset hotkey and panning listeners
+ Save the current state of the MEI file(s) to the browser database.
@@ -983,7 +1547,7 @@ (inner)
Source:
(inner)
Returns:
+
+
+
+ A promise that resolves when the save action is finished.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
@@ -1017,7 +1605,7 @@ (inner)
(inner) rodanGetMei() → {string}
+ start()
@@ -1025,7 +1613,7 @@ (inner) r
- Get the MEI for use in Rodan.
+ Start Neon
@@ -1069,7 +1657,7 @@ (inner) r
- Source:
(inner) r
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
@@ -1121,7 +1693,7 @@ Returns:
- (inner) saveMEI()
+ undo()
@@ -1129,7 +1701,7 @@ (inner) saveM
- Save the MEI to a file.
+ Undo the last action performed on the current page (if any)
@@ -1173,7 +1745,7 @@ (inner) saveM
- Source:
(inner) saveM
+
+
- (inner) undo() → {boolean}
+ updateForCurrentPage()
@@ -1215,7 +1789,8 @@ (inner) undo
- Undo the last action.
+ Get the current page from the loaded view and then display the
+most up to date SVG.
@@ -1259,7 +1834,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+number
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+ -
+
+Object
+
+
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 42
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-- yarn:
+Requirements
+
+- yarn:
+
brew install yarn on Mac
-Setup
-Install the dependencies using yarn:
-yarn install
Build webpack:
-yarn build
Start the server:
-yarn start
Access the page at: http://localhost:8080.
-Setup
+
+- Install the dependencies using yarn:
+
+yarn install
+
+
+- Build webpack:
+
+yarn build
+
+
+- Start the server:
+
+yarn start
+
+
+- Access the page at: http://localhost:8080.
-Instructions
Neon.js has two main modes: viewer and editor. To learn how to use both, read the instructions on our wiki.
-Test
Follow the instructions from above first. The tests for Neon2 use Selenium and so require a web browser (Firefox) and its driver (geckodriver).
+
Instructions
+Neon.js has two main modes: viewer and editor. To learn how to use both, read the instructions on our wiki.
+Test
+Follow the instructions from above first. The tests for Neon2 use Selenium and so require a web browser (Firefox) and its driver (geckodriver).
On Mac install these with Homebrew:
brew cask install firefox
-brew install geckodriver
Then you can run the tests locally using yarn test. We use jest to script our tests.
+brew install geckodriver
+
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
- -
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 13
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 349
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 19
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 477
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 267
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 420
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 494
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 133
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 118
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 126
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 110
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 232
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 246
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 219
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 192
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 397
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 371
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 408
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 184
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 93
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 174
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 78
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 43
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
- Source:
-
- InfoBox.js, line 8
+ InfoModule.js, line 13
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
- Source:
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ - Source:
+ -
+ InfoModule.js, line 36
+
The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ InfoModule.js, line 222
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ InfoModule.js, line 230
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
- Source:
Type:
- Source:
Type:
- Source:
Parameters:
- Source:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- ResizeStaff.js, line 1
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
- - Resize
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- ResizeStaff.js, line 13
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- - Source:
- -
- Compatibility.js, line 1
-
(static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
- Source:
(static) getM
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-number
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
- Source:
- See:
- -
-
-
-
@@ -1172,6 +1149,8 @@ Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
- Source:
(static
- Source:
(static
+
+
@@ -278,7 +280,7 @@ (stati
- Source:
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
- Source:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
- Source:
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
(inner) Source:
(inner) (inner) redraw
- Source:
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - Resize
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- - ClickSelect
-
+
+
+
+
+
+
+
+
+
+ Methods
+
- - DragSelect
-
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
- Source:
(static) uns
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+string
+|
+
+null
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
- Source:
Parameters:
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
- Source:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
- Source:
(static)
- Source:
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
- Source:
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
- Source:
(static)
+
+
@@ -720,7 +779,7 @@ (static)
- Source:
(static)
+
+
@@ -806,7 +867,7 @@ (static)
- Source:
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
- Source:
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
- Source:
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+ -
+
+module:Zoom~ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
- Source:
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
-
-module:Zoom.ViewBox
+module:Zoom.ViewBox
@@ -196,7 +198,7 @@ Type:
- Source:
(inner) ge
- Source:
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
- Source:
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
- Source:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
- Source:
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
- Source:
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - ViewBox
+
+
+ - ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
- -
-
-boolean
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
- -
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ Validation.js, line 12
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ Validation.js, line 26
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ Validation.js, line 43
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
- - ViewBox
-
-
- - ZoomHandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
- Source:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
- Source:
-
- Color.js, line 68
+ utils/Color.js, line 68
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
- Source:
-
- Color.js, line 9
+ utils/Color.js, line 9
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
- Source:
-
- Color.js, line 48
+ utils/Color.js, line 48
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
- Source:
-
- Color.js, line 84
+ utils/Color.js, line 84
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
- Source:
-
- Color.js, line 36
+ utils/Color.js, line 36
(stat
+
+
@@ -797,7 +807,7 @@ (static)
- Source:
-
- Color.js, line 59
+ utils/Color.js, line 59
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
- Source:
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
-
- Cursor.js, line 8
+ utils/Cursor.js, line 8
(static) Parameters:
- Source:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
diff --git a/doc/EditMode.html b/doc/EditMode.html deleted file mode 100644 index 24de47f17..000000000 --- a/doc/EditMode.html +++ /dev/null @@ -1,485 +0,0 @@ - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Class: EditMode
- - - - - - -EditMode(neonView, neonCore, meiFile, zoomHandler, infoBox)
- - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- new EditMode(neonView, neonCore, meiFile, zoomHandler, infoBox)
- - - - - - -
- Creates user interface for editing and creates necessary tools.
-
-
-
-
-
-
-
-
-
-
- Parameters:
- - -| Name | - - -Type | - - - - - -Description | -
|---|---|---|
neonView |
-
-
- - - -NeonView - - - - | - - - - - -The NeonView parent object. | -
neonCore |
-
-
- - - -NeonCore - - - - | - - - - - -The NeonCore object. | -
meiFile |
-
-
- - - -string - - - - | - - - - - -The path to the MEi file. | -
zoomHandler |
-
-
- - - -module:Zoom~ZoomHandler - - - - | - - - - - -The ZoomHandler object. | -
infoBox |
-
-
- - - -InfoBox - - - - | - - - - - -- |
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Source: -
- - EditMode.js, line 19 -
-
-
-
-
-
-
-
-
Methods
- - - - - - - -(inner) init()
- - - - - - -
- Initialize handlers and controls and create event listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
--
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Source: -
- - EditMode.js, line 33 -
-
-
-
-
-
-
-
-
(inner) resetListeners()
- - - - - - -
- Reset select event listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
--
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Source: -
- - EditMode.js, line 51 -
-
-
-
-
-
-
-
-
- - - - - - - \ No newline at end of file diff --git a/doc/EditMode.js.html b/doc/EditMode.js.html deleted file mode 100644 index b74f88903..000000000 --- a/doc/EditMode.js.html +++ /dev/null @@ -1,123 +0,0 @@ - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-Source: EditMode.js
- - - - - - -import DragHandler from './DragHandler.js';
-import { ClickSelect, DragSelect } from './Select.js';
-import InsertHandler from './InsertHandler.js';
-import * as Controls from './Controls.js';
-import * as SelectOptions from './SelectOptions.js';
-import * as Text from './Text.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * Creates user interface for editing and creates necessary tools.
- * @constructor
- * @param {NeonView} neonView - The NeonView parent object.
- * @param {NeonCore} neonCore - The NeonCore object.
- * @param {string} meiFile - The path to the MEi file.
- * @param {module:Zoom~ZoomHandler} zoomHandler - The ZoomHandler object.
- * @param {InfoBox} infoBox
- */
-function EditMode (neonView, neonCore, meiFile, zoomHandler, infoBox) {
- var dragHandler = null;
- var select = null;
- var dragSelect = null;
- var insertHandler = null;
- // var vbHeight = null;
- // var vbWidth = null;
-
- // Set edit mode listener
- Controls.initEditMode(this);
-
- /**
- * Initialize handlers and controls and create event listeners.
- */
- function init () {
- Notification.queueNotification('Edit Mode');
- dragHandler = new DragHandler(neonView);
- Controls.initNavbar(meiFile, neonView);
- select = new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox);
- insertHandler = new InsertHandler(neonView);
- Controls.bindInsertTabs(insertHandler);
- $('#neumeTab').click();
- dragSelect = new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox);
- SelectOptions.initNeonView(neonView);
-
- Controls.initInsertEditControls(neonView);
- Text.enableEditText(neonView);
- }
-
- /**
- * Reset select event listeners.
- */
- function resetListeners () {
- select.selectListeners();
- }
-
- /// /// TODO: pass to cursorHandler to scale insert image ///////
- // function getScale() {
- // var viewBox = d3.select("#svg_group").attr("viewBox");
- // vbHeight = parseInt(viewBox.split(" ")[3]);
- // vbWidth = parseInt(viewBox.split(" ")[2]);
- // }
-
- function isInsertMode () {
- return (insertHandler != null && insertHandler.isInsertMode());
- }
-
- EditMode.prototype.init = init;
- EditMode.prototype.resetListeners = resetListeners;
- EditMode.prototype.isInsertMode = isInsertMode;
- // EditMode.prototype.getScale = getScale;
-}
-
-export { EditMode as default };
-- - - - - - - diff --git a/doc/InfoBox.js.html b/doc/InfoBox.js.html deleted file mode 100644 index ebd22dfc7..000000000 --- a/doc/InfoBox.js.html +++ /dev/null @@ -1,252 +0,0 @@ - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-Source: InfoBox.js
- - - - - - -const $ = require('jquery');
-
-/**
- * Gets information on musical elements and displays them.
- * @constructor
- * @param {NeonCore} neonCore
- */
-function InfoBox (neonCore) {
- /**
- * Set the info box listener on neumes, clefs, and custos.
- */
- function infoListeners () {
- $('.neume,.custos,.clef').on('mouseover', setInfo);
- }
-
- /**
- * Disable the mouseover listener for the info box.
- */
- function stopListeners () {
- $('.neume,.custos,.clef').off('mouseover', setInfo);
- }
-
- function setInfo () {
- updateInfo(this.id);
- }
-
- /**
- * Gets element info from Verovio and updates/creates the info box.
- * @param {string} id - The element ID
- */
- function updateInfo (id) {
- // For now, since Clefs do not have their own element tag in mei4, there is not a way to select the <g> element
- // So we will simply return if ID does not exist for now
- if (id === '') {
- $('#neume_info').empty();
- console.log('No id!');
- return;
- }
-
- var element = $('#' + id);
- var classRe = /neume|nc|clef|custos|staff/;
- var elementClass = element.attr('class').match(classRe)[0];
- var body = '';
- var attributes;
-
- // Gets the pitches depending on element type and
- switch (elementClass) {
- case 'neume':
- // Select neume components of selected neume
- var ncs = element.children('.nc');
- var contour = getContour(ncs);
- if (contour === 'Clivis') {
- var attr = neonCore.getElementAttr($(ncs[0])[0].id);
- if (attr.ligated) {
- contour = 'Ligature';
- }
- }
- var pitches = getPitches(ncs);
-
- pitches = pitches.trim().toUpperCase();
- body = 'Shape: ' + (contour === undefined ? 'Compound' : contour) + '<br/>' +
- 'Pitch(es): ' + pitches;
- break;
- case 'custos':
- attributes = neonCore.getElementAttr(id);
- body += 'Pitch: ' + (attributes.pname).toUpperCase() + attributes.oct;
- break;
- case 'clef':
- attributes = neonCore.getElementAttr(id);
- body += 'Shape: ' + attributes.shape + '<br/>' +
- 'Line: ' + attributes.line;
- break;
- case 'staff':
- elementClass = 'clef';
- var staffDefAttributes = neonCore.getElementStaffDef(id);
- body = 'Shape: ' + staffDefAttributes['clef.shape'] + '<br/>' +
- 'Line: ' + staffDefAttributes['clef.line'];
- break;
- default:
- body += 'nothing';
- break;
- }
- updateInfoBox(elementClass, body);
- }
-
- /**
- * Get the individual pitches of a neume.
- * @param {array.<SVGSVGElement>} ncs - neume components in the neume.
- */
- function getPitches (ncs) {
- var pitches = '';
- ncs.each(function () {
- var attributes = neonCore.getElementAttr(this.id);
- pitches += attributes.pname + attributes.oct + ' ';
- });
- return pitches;
- }
-
- /**
- * Get the contour of a neume.
- * @param {array.<SVGSVGElement>} ncs - neume components in the neume.
- */
- function getContour (ncs) {
- var contour = '';
- var previous = null;
- ncs.each(function () {
- var attributes = neonCore.getElementAttr(this.id);
- if (previous !== null) {
- if (previous.oct > attributes.oct) {
- contour += 'd';
- } else if (previous.oct < attributes.oct) {
- contour += 'u';
- } else {
- if (pitchNameToNum(previous.pname) < pitchNameToNum(attributes.pname)) {
- contour += 'u';
- } else if (pitchNameToNum(previous.pname) > pitchNameToNum(attributes.pname)) {
- contour += 'd';
- } else {
- contour += 's';
- }
- }
- }
- previous = attributes;
- });
- if (neumeGroups.get(contour) === undefined) {
- console.warn('Unknown contour: ' + contour);
- }
- return neumeGroups.get(contour);
- }
-
- /**
- * Show and update the info box.
- * @param {string} title - The info box title.
- * @param {string} body - The info box contents.
- */
- function updateInfoBox (title, body) {
- if ($('#displayInfo').is(':checked')) {
- $('.message').css('display', '');
- $('.message-header').children('p').html(title);
- $('.message-body').html(body);
- }
- // Setting up listener for dismissing message
- $('#notification-delete').on('click', function () {
- $('.message').css('display', 'none');
- });
- }
-
- /**
- * Convert a pitch name (a-g) to a number (where c is 1, d is 2 and b is 7).
- * @param {string} pname - The pitch name.
- * @returns {number}
- */
- function pitchNameToNum (pname) {
- switch (pname) {
- case 'c':
- return 1;
- case 'd':
- return 2;
- case 'e':
- return 3;
- case 'f':
- return 4;
- case 'g':
- return 5;
- case 'a':
- return 6;
- case 'b':
- return 7;
- default:
- console.log('Unknown pitch name');
- }
- }
-
- /**
- * Find the contour of an neume grouping based on the grouping name.
- * @param {string} value - the value name.
- * @returns {string}
- */
- function getContourByValue (value) {
- for (let [cont, v] of neumeGroups.entries()) {
- if (v === value) {
- return cont;
- }
- }
- }
-
- /**
- * A map containing neume groupings and their contours.
- */
- var neumeGroups = new Map(
- [['', 'Punctum'], ['u', 'Pes'], ['d', 'Clivis'], ['uu', 'Scandicus'], ['ud', 'Torculus'], ['du', 'Porrectus'], ['s', 'Distropha'], ['ss', 'Tristopha'],
- ['sd', 'Pressus'], ['dd', 'Climacus'], ['ddu', 'Climacus resupinus'], ['udu', 'Torculus resupinus'], ['dud', 'Porrectus flexus'],
- ['udd', 'Pes subpunctis'], ['uud', 'Scandicus flexus'], ['uudd', 'Scandicus subpunctis'], ['dudd', 'Porrectus subpunctis']]
- );
-
- InfoBox.prototype.infoListeners = infoListeners;
- InfoBox.prototype.stopListeners = stopListeners;
- InfoBox.getContour = getContour;
- InfoBox.getContourByValue = getContourByValue;
-}
-export { InfoBox as default };
-- - - - - - - diff --git a/doc/InfoModule.js.html b/doc/InfoModule.js.html new file mode 100644 index 000000000..4cae54d0b --- /dev/null +++ b/doc/InfoModule.js.html @@ -0,0 +1,291 @@ + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+Source: InfoModule.js
+ + + + + + +/** @module InfoModule */
+
+const $ = require('jquery');
+
+/**
+ * Class that manages getting information for elements in Neon from Verovio.
+ */
+class InfoModule {
+ /**
+ * A constructor for an InfoModule.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ // Add info box enable/disable check box
+ let block = document.getElementById('extensible-block');
+ block.innerHTML = '<label class="checkbox">Display Info: ' +
+ '<input class="checkbox" id="displayInfo" type="checkbox" checked="checked"/></label>' +
+ block.innerHTML;
+
+ InfoModule.neonView = this.neonView;
+ this.neonView.view.addUpdateCallback(InfoModule.resetInfoListeners);
+ setInfoControls();
+ }
+
+ /**
+ * Set listeners for the InfoModule.
+ */
+ static infoListeners () {
+ $('.active-page').find('.neume,.custos,.clef').on('mouseover', InfoModule.updateInfo);
+ }
+
+ /**
+ * Stop listeners for the InfoModule.
+ */
+ static stopListeners () {
+ $('.neume,.custos,.clef').off('mouseover', InfoModule.updateInfo);
+ }
+
+ /**
+ * Restart listeners for the InfoModule.
+ */
+ static resetInfoListeners () {
+ InfoModule.stopListeners();
+ InfoModule.infoListeners();
+ }
+
+ /**
+ * Get updated info for the calling element based on its element type.
+ * Makes calls to NeonCore to get the information necessary.
+ */
+ static async updateInfo () {
+ // For now, since Clefs do not have their own element tag in mei4, there is not a way to select the <g> element
+ // So we will simply return if ID does not exist for now
+ let id = this.id;
+ if (id === '') {
+ $('#neume_info').empty();
+ console.log('No id!');
+ return;
+ }
+
+ var element = $('#' + id);
+ var classRe = /neume|nc|clef|custos|staff/;
+ var elementClass = element.attr('class').match(classRe)[0];
+ var body = '';
+ var attributes;
+
+ // Gets the pitches depending on element type and
+ switch (elementClass) {
+ case 'neume':
+ // Select neume components of selected neume
+ var ncs = element.children('.nc');
+ var contour = await InfoModule.getContour(ncs);
+ if (contour === 'Clivis') {
+ var attr = await InfoModule.neonView.getElementAttr($(ncs[0])[0].id, 0);
+ if (attr.ligated) {
+ contour = 'Ligature';
+ }
+ }
+ var pitches = await InfoModule.getPitches(ncs);
+
+ pitches = pitches.trim().toUpperCase();
+ body = 'Shape: ' + (contour === undefined ? 'Compound' : contour) + '<br/>' +
+ 'Pitch(es): ' + pitches;
+ break;
+ case 'custos':
+ attributes = await InfoModule.neonView.getElementAttr(id, 0);
+ body += 'Pitch: ' + (attributes.pname).toUpperCase() + attributes.oct;
+ break;
+ case 'clef':
+ attributes = await InfoModule.neonView.getElementAttr(id, 0);
+ body += 'Shape: ' + attributes.shape + '<br/>' +
+ 'Line: ' + attributes.line;
+ break;
+ case 'staff':
+ elementClass = 'clef';
+ var staffDefAttributes = await InfoModule.neonView.getElementStaffDef(id);
+ body = 'Shape: ' + staffDefAttributes['clef.shape'] + '<br/>' +
+ 'Line: ' + staffDefAttributes['clef.line'];
+ break;
+ default:
+ body += 'nothing';
+ break;
+ }
+ InfoModule.updateInfoModule(elementClass, body);
+ }
+
+ /**
+ * Get the individual pitches of a neume.
+ * @param {array.<SVGGraphicsElement>} ncs - neume components in the neume.
+ */
+ static async getPitches (ncs) {
+ var pitches = '';
+ for (let nc of ncs) {
+ var attributes = await InfoModule.neonView.getElementAttr(nc.id, 0);
+ pitches += attributes.pname + attributes.oct + ' ';
+ }
+ return pitches;
+ }
+
+ /**
+ * Get the contour of a neume.
+ * @param {array.<SVGGraphicsElement>} ncs - neume components in the neume.
+ */
+ static async getContour (ncs) {
+ var contour = '';
+ var previous = null;
+ for (let nc of ncs) {
+ var attributes = await InfoModule.neonView.getElementAttr(nc.id, 0);
+ if (previous !== null) {
+ if (previous.oct > attributes.oct) {
+ contour += 'd';
+ } else if (previous.oct < attributes.oct) {
+ contour += 'u';
+ } else {
+ if (InfoModule.pitchNameToNum(previous.pname) < InfoModule.pitchNameToNum(attributes.pname)) {
+ contour += 'u';
+ } else if (InfoModule.pitchNameToNum(previous.pname) > InfoModule.pitchNameToNum(attributes.pname)) {
+ contour += 'd';
+ } else {
+ contour += 's';
+ }
+ }
+ }
+ previous = attributes;
+ }
+ if (InfoModule.neumeGroups.get(contour) === undefined) {
+ console.warn('Unknown contour: ' + contour);
+ }
+ return InfoModule.neumeGroups.get(contour);
+ }
+
+ /**
+ * Show and update the info box.
+ * @param {string} title - The info box title.
+ * @param {string} body - The info box contents.
+ */
+ static updateInfoModule (title, body) {
+ if ($('#displayInfo').is(':checked')) {
+ $('.message').css('display', '');
+ $('.message-header').children('p').html(title);
+ $('.message-body').html(body);
+ }
+ // Setting up listener for dismissing message
+ $('#notification-delete').on('click', function () {
+ $('.message').css('display', 'none');
+ });
+ }
+
+ /**
+ * Convert a pitch name (a-g) to a number (where c is 1, d is 2 and b is 7).
+ * @param {string} pname - The pitch name.
+ * @returns {number}
+ */
+ static pitchNameToNum (pname) {
+ switch (pname) {
+ case 'c':
+ return 1;
+ case 'd':
+ return 2;
+ case 'e':
+ return 3;
+ case 'f':
+ return 4;
+ case 'g':
+ return 5;
+ case 'a':
+ return 6;
+ case 'b':
+ return 7;
+ default:
+ console.log('Unknown pitch name');
+ }
+ }
+
+ /**
+ * Find the contour of an neume grouping based on the grouping name.
+ * @param {string} value - the value name.
+ * @returns {string}
+ */
+ static getContourByValue (value) {
+ for (let [cont, v] of InfoModule.neumeGroups.entries()) {
+ if (v === value) {
+ return cont;
+ }
+ }
+ }
+}
+
+/**
+ * Map of contours to neume names.
+ */
+InfoModule.neumeGroups = new Map(
+ [['', 'Punctum'], ['u', 'Pes'], ['d', 'Clivis'], ['uu', 'Scandicus'], ['ud', 'Torculus'], ['du', 'Porrectus'], ['s', 'Distropha'], ['ss', 'Tristopha'],
+ ['sd', 'Pressus'], ['dd', 'Climacus'], ['ddu', 'Climacus resupinus'], ['udu', 'Torculus resupinus'], ['dud', 'Porrectus flexus'],
+ ['udd', 'Pes subpunctis'], ['uud', 'Scandicus flexus'], ['uudd', 'Scandicus subpunctis'], ['dudd', 'Porrectus subpunctis']]
+);
+
+/**
+ * Set listener on info visibility checkbox.
+ */
+function setInfoControls () {
+ updateInfoVisibility();
+ $('#displayInfo').click(updateInfoVisibility);
+}
+
+/**
+ * Update the visibility of infoBox
+ */
+function updateInfoVisibility () {
+ if ($('#displayInfo').is(':checked')) {
+ $('#neume_info').append("<article class='message' style='display: none;'><div class='message-header'><p></p>" +
+ "<button class='delete' id='notification-delete' aria-label='delete'></button></div>" +
+ "<div class='message-body'></div>");
+ } else {
+ $('#neume_info').empty();
+ }
+}
+
+export { InfoModule as default };
++ + + + + + + diff --git a/doc/InsertHandler.html b/doc/InsertHandler.html index 9a88ab728..9a77f96ec 100644 --- a/doc/InsertHandler.html +++ b/doc/InsertHandler.html @@ -142,7 +142,7 @@
Parameters:
Parameters:
+ + @@ -297,7 +299,7 @@Parameters:
Parameters:
+ + @@ -432,7 +436,7 @@Parameters:
Parameters:
+ + @@ -518,7 +524,7 @@(inner) Source:
(inner) (inner)
Source:
(inner)
+
+
Returns:
@@ -757,7 +767,7 @@ Parameters:
Source:
Parameters:
+
+
@@ -801,13 +813,13 @@ Parameters:
diff --git a/doc/NeonCore.html b/doc/NeonCore.html
index 89cfba50c..83933848f 100644
--- a/doc/NeonCore.html
+++ b/doc/NeonCore.html
@@ -28,7 +28,10 @@ Class: NeonCore
- NeonCore(mei, vrvToolkit)
+ NeonCore(meiMap, title) → {object}
+
+ The core component of Neon. This manages the database,
+the verovio toolkit, the cache, and undo/redo stacks.
@@ -39,9 +42,11 @@ NeonCoreConstructor
+
- new NeonCore(mei, vrvToolkit)
+ new NeonCore(meiMap, title) → {object}
@@ -49,7 +54,7 @@ new NeonCore<
- Underlying NeonCore class that communicates with Verovio.
+ Constructor for NeonCore
@@ -85,13 +90,13 @@ Parameters:
- meimeiMap
-string
+Map.<number, string>
@@ -101,20 +106,20 @@ Parameters:
- Contents of the MEI file.
+ Map of zero-indexed page no to MEI.
- vrvToolkittitle
-object
+string
@@ -124,7 +129,7 @@ Parameters:
- An instantiated Verovio toolkit.
+ The title of the page or manuscript.
@@ -165,7 +170,7 @@ Parameters:
Source:
-
- NeonCore.js, line 7
+ NeonCore.js, line 17
Parameters:
+Returns:
+
+
+
+ A NeonCore object.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+object
+
+
-
+
+
+
+
+
@@ -211,137 +238,103 @@ Parameters:
- Methods
+ Members
+neonCache :Map.<number, CacheEntry>
-
-
-
- (inner) edit(editorAction, addToUndoopt) → {boolean}
-
-
-
- Execute an editor action in Verovio.
+ A cache mapping a page number to a CacheEntry.
+ Type:
+
+ -
+
+Map.<number, CacheEntry>
+
+
- Parameters:
-
-
-
-
-
- Name
-
+
- Type
+
-
- Attributes
-
+
-
- Default
-
+
- Description
-
-
+
-
-
-
- editorAction
-
-
-object
+
+
-
-
+
-
-
-
+
-
+
-
-
-
+
-
-
-
-
-
+
+ Source:
+ -
+ NeonCore.js, line 54
+
The action to execute.
-
+
-
-
- addToUndo
-
-
-boolean
-
-
-
-
-
- <optional>
-
-
-
-
+
+redoStacks :Map.<number, Array.<string>>
-
-
-
- true
-
-
-
- Whether or not to make this action undoable.
-
-
-
-
+
+
+ Stacks of previous MEI files representing actions that can be redone for each page.
+
+
+ Type:
+
+ -
+
+Map.<number, Array.<string>>
+
+
+
+
+
@@ -375,7 +368,7 @@ Parameters:
Source:
-
- NeonCore.js, line 63
+ NeonCore.js, line 40
Parameters:
+
+
+undoStacks :Map.<number, Array.<string>>
+
+ Stacks of previous MEI files representing actions that can be undone for each page.
+
-Returns:
+ Type:
+
+ -
+
+Map.<number, Array.<string>>
-
+
+
-
- -
- Type
-
- -
-
-boolean
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 34
+
+
+
+
+
+
+
+ Methods
@@ -427,7 +468,7 @@ Returns:
- (inner) getElementAttr(elementId) → {object}
+ (async) edit(action, pageNo) → {boolean}
@@ -435,7 +476,7 @@ (inner)
- Get MEI element attributes from Verovio.
+ Perform an editor action on a specific page.
@@ -471,13 +512,13 @@ Parameters:
- elementIdaction
-string
+object
@@ -487,54 +528,762 @@ Parameters:
- The ID of the MEI element.
-
-
-
-
-
-
+ The editor toolkit action object.
+ Properties
+
+
+
+
+
+ Name
+
+ Type
+
+
-
+ Description
+
+
+
-
+
+
+ action
+
+
+string
-
-
+
+
-
+
-
+
-
+ The name of the action to perform.
+
-
+
+
+ param
+
+
+object
+|
-
+array
-
- Source:
- -
- NeonCore.js, line 53
-
-
+
+
+
+
+ The parameters of the action(s)
+
+
+
+
+
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number to perform the action on.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 184
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ If the action succeeded or not.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getElementAttr(elementId, pageNo) → {Promise}
+
+
+
+
+
+
+
+ Get musical element attributes from the verovio toolkit.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ elementId
+
+
+string
+
+
+
+
+
+
+
+
+
+ The unique ID of the musical element.
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number the element is on.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 168
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the attributes in an object.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getMEI(pageNo) → {Promise}
+
+
+
+
+
+
+
+ Get the MEI for a specific page number.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 154
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the MEI as a string.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getSVG(pageNo) → {Promise}
+
+
+
+
+
+
+
+ Get the SVG for a specific page number.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 141
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the SVG.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ info() → {string}
+
+
+
+
+
+
+
+ Get the edit info string from the verovio toolkit.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 212
+
@@ -551,6 +1300,8 @@ Parameters:
+
+
Returns:
@@ -562,7 +1313,7 @@ Returns:
-object
+string
@@ -574,29 +1325,257 @@ Returns:
-
+
+
+
+
+
+
+ (async) initDb()
+
+
+
+
+
+
+
+ Initialize the PouchDb database based on the provided MEI.
+This should only be run if previous data does not exist.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 67
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ loadData(pageNo, data, dirtyopt)
+
+
+
+
+
+
+
+ Load data into the verovio toolkit and update the cache.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+ Attributes
+
+
+
+ Default
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number.
+
+
+
+
+
+
+ data
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
-
- (inner) getMEI() → {string}
-
+ The MEI of the page as a string.
+
+
+
+ dirty
+
+
+boolean
-
- Get the MEI data from Verovio.
-
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+ false
+
+
+
+ If the cache entry should be marked as dirty. Defaults to false.
+
+
+
+
@@ -632,7 +1611,7 @@ (inner) getMEI
Source:
(inner) getMEI
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
@@ -684,7 +1647,7 @@ Returns:
- (inner) getSVG() → {string}
+ loadPage(pageNo) → {Promise}
@@ -692,7 +1655,8 @@ (inner) getSVG
- Get the SVG from Verovio.
+ Load a page into the verovio toolkit. This will fetch the
+page from the cache or from the database.
@@ -703,108 +1667,53 @@ (inner) getSVG
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- NeonCore.js, line 36
-
Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
+
+
+
+
+ Name
+ Type
-
- -
- Type
-
- -
-string
+
-
-
+ Description
+
+
+
+
+
+ pageNo
+
+
+number
+
+
-
-
+
-
- (inner) info() → {string}
-
+ The zero-indexed page number to load.
+
-
-
-
-
- Get additional information on the last editor action from Verovio.
-
-
-
-
-
-
-
-
+
+
@@ -840,7 +1749,7 @@ (inner) infoSource:
-
- NeonCore.js, line 82
+ NeonCore.js, line 96
(inner) infoReturns:
+
+ A promise that resolves to the cache entry.
+
+
@@ -874,7 +1789,7 @@ Returns:
-
-string
+Promise
@@ -892,7 +1807,7 @@ Returns:
- (inner) loadData(data)
+ redo(pageNo) → {boolean}
@@ -900,7 +1815,7 @@ (inner) load
- Load MEI data into Verovio.
+ Redo the last action performed on a page.
@@ -936,13 +1851,13 @@ Parameters:
- datapageNo
-string
+number
@@ -952,7 +1867,7 @@ Parameters:
- MEI data.
+ The zero-indexed page number.
@@ -993,7 +1908,7 @@ Parameters:
- Source:
Parameters:
+Returns:
+
+
+
+ If an action was redone or not.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
@@ -1027,7 +1966,7 @@ Parameters:
- (inner) redo() → {boolean}
+ undo(pageNo) → {boolean}
@@ -1035,7 +1974,7 @@ (inner) redo
- Redo an undone action.
+ Undo the last action performed on a specific page.
@@ -1046,6 +1985,55 @@ (inner) redoParameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number.
+
+
+
+
+
+
+
@@ -1079,7 +2067,7 @@ (inner) redoSource:
(inner) redoReturns:
+
+ If an action undone.
+
+
@@ -1131,7 +2125,7 @@ Returns:
- (inner) undo() → {boolean}
+ (async) updateDatabase()
@@ -1139,7 +2133,9 @@ (inner) undo
- Undo the last editor action.
+ Update the PouchDb database stored in the browser.
+This is based on the data stored in the cache. To save time,
+only entries marked as dirty will be updated.
@@ -1183,7 +2179,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
@@ -1245,13 +2225,13 @@ Returns:
diff --git a/doc/NeonCore.js.html b/doc/NeonCore.js.html
index ae277d4a0..f99b8ef16 100644
--- a/doc/NeonCore.js.html
+++ b/doc/NeonCore.js.html
@@ -26,130 +26,281 @@ Source: NeonCore.js
- /**
- * Underlying NeonCore class that communicates with Verovio.
- * @constructor
- * @param {string} mei - Contents of the MEI file.
- * @param {object} vrvToolkit - An instantiated Verovio toolkit.
- */
-function NeonCore (mei, vrvToolkit) {
- /// ///////////
- // Constructor
- /// ///////////
- var vrvOptions = {
- noFooter: 1,
- noHeader: 1,
- pageMarginLeft: 0,
- pageMarginTop: 0,
- font: 'Bravura'
- };
- var undoStack = new Array(0);
- var redoStack = new Array(0);
-
- vrvToolkit.setOptions(vrvOptions);
- loadData(mei);
+ import * as Validation from './Validation.js';
+import PouchDb from 'pouchdb';
+
+const verovio = require('verovio-dev');
+/**
+ * The core component of Neon. This manages the database,
+ * the verovio toolkit, the cache, and undo/redo stacks.
+ */
+class NeonCore {
/**
- * Load MEI data into Verovio.
- * @param {string} data - MEI data.
+ * Constructor for NeonCore
+ * @param {Map<number, string>} meiMap - Map of zero-indexed page no to MEI.
+ * @param {string} title - The title of the page or manuscript.
+ * @returns {object} A NeonCore object.
+ */
+ constructor (meiMap, title) {
+ this.vrvToolkit = new verovio.toolkit();
+ this.vrvToolkit.setOptions({
+ inputFormat: 'mei',
+ noFooter: 1,
+ noHeader: 1,
+ pageMarginLeft: 0,
+ pageMarginTop: 0,
+ font: 'Bravura'
+ });
+
+ Validation.init();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be undone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.undoStacks = new Map();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be redone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.redoStacks = new Map();
+
+ /**
+ * A cache entry.
+ * @typedef {Object} CacheEntry
+ * @property {boolean} dirty - If the entry has been modified since being fetched from the database.
+ * @property {string} mei - The MEI data for the page.
+ * @property {SVGSVGElement} svg - The rendered SVG for the page.
*/
- function loadData (data) {
- vrvToolkit.loadData(data);
+
+ /**
+ * A cache mapping a page number to a {@link CacheEntry}.
+ * @type {Map.<number, CacheEntry>}
+ */
+ this.neonCache = new Map();
+
+ this.parser = new DOMParser();
+
+ this.db = new PouchDb(title);
+ // Add each MEI to the database
+ this.meiMap = meiMap;
}
/**
- * Get the SVG from Verovio.
- * @returns {string}
- */
- function getSVG () {
- return vrvToolkit.renderToSVG(1);
+ * Initialize the PouchDb database based on the provided MEI.
+ * This should only be run if previous data does not exist.
+ */
+ async initDb () {
+ for (let pair of this.meiMap) {
+ let key = pair[0];
+ let value = pair[1];
+ await this.db.get(key.toString()).catch((err) => {
+ if (err.name === 'not_found') {
+ // Create new document
+ return {
+ _id: key.toString(),
+ data: ''
+ };
+ } else {
+ throw err;
+ }
+ }).then((doc) => {
+ doc.data = value;
+ return this.db.put(doc);
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
}
/**
- * Get the MEI data from Verovio.
- * @returns {string}
- */
- function getMEI () {
- return vrvToolkit.getMEI(0, true);
+ * Load a page into the verovio toolkit. This will fetch the
+ * page from the cache or from the database.
+ * @param {number} pageNo - The zero-indexed page number to load.
+ * @returns {Promise} A promise that resolves to the cache entry.
+ */
+ loadPage (pageNo) {
+ return new Promise((resolve, reject) => {
+ if (this.currentPage !== pageNo) {
+ if (this.neonCache.has(pageNo)) {
+ this.loadData(pageNo, this.neonCache.get(pageNo).mei);
+ resolve(this.neonCache.get(pageNo));
+ } else {
+ this.db.get(pageNo.toString()).then((doc) => {
+ this.loadData(pageNo, doc.data);
+ resolve(this.neonCache.get(pageNo));
+ }).catch((err) => {
+ reject(err);
+ });
+ }
+ } else {
+ resolve(this.neonCache.get(pageNo));
+ }
+ });
}
/**
- * Get MEI element attributes from Verovio.
- * @param {string} elementId - The ID of the MEI element.
- * @returns {object}
- */
- function getElementAttr (elementId) {
- return vrvToolkit.getElementAttr(elementId);
+ * Load data into the verovio toolkit and update the cache.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @param {string} data - The MEI of the page as a string.
+ * @param {boolean} [dirty] - If the cache entry should be marked as dirty. Defaults to false.
+ */
+ loadData (pageNo, data, dirty = false) {
+ Validation.sendForValidation(data);
+ let svg = this.parser.parseFromString(
+ this.vrvToolkit.renderData(data, {}),
+ 'image/svg+xml'
+ ).documentElement;
+ this.neonCache.set(pageNo, {
+ svg: svg,
+ mei: data,
+ dirty: dirty
+ });
+ this.currentPage = pageNo;
}
/**
- * Execute an editor action in Verovio.
- * @param {object} editorAction - The action to execute.
- * @param {boolean} [addToUndo=true] - Whether or not to make this action undoable.
- * @returns {boolean}
- */
- function edit (editorAction, addToUndo = true) {
- let currentMEI = getMEI();
- // console.log(editorAction); // Useful for debugging actions
- let value = vrvToolkit.edit(editorAction);
- if (value && addToUndo) {
- undoStack.push(currentMEI);
- redoStack = new Array(0);
- }
- return value;
+ * Get the SVG for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the SVG.
+ */
+ getSVG (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.svg);
+ }).catch((err) => { reject(err); });
+ });
}
- function addStateToUndo () {
- undoStack.push(getMEI());
+ /**
+ * Get the MEI for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the MEI as a string.
+ */
+ getMEI (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.mei);
+ }).catch((err) => { reject(err); });
+ });
}
/**
- * Get additional information on the last editor action from Verovio.
- * @returns {string}
- */
- function info () {
- return vrvToolkit.editInfo();
+ * Get musical element attributes from the verovio toolkit.
+ * @param {string} elementId - The unique ID of the musical element.
+ * @param {number} pageNo - The zero-indexed page number the element is on.
+ * @returns {Promise} A promise that resolves to the attributes in an object.
+ */
+ getElementAttr (elementId, pageNo) {
+ return new Promise((resolve) => {
+ this.loadPage(pageNo).then(() => {
+ resolve(this.vrvToolkit.getElementAttr(elementId));
+ });
+ });
}
/**
- * Undo the last editor action.
- * @returns {boolean}
- */
- function undo () {
- let state = undoStack.pop();
- if (state !== undefined) {
- redoStack.push(getMEI());
- loadData(state);
- return true;
+ * Perform an editor action on a specific page.
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {boolean} If the action succeeded or not.
+ */
+ async edit (editorAction, pageNo) {
+ if (this.currentPage !== pageNo) {
+ await this.loadPage(pageNo);
+ }
+ let currentMEI = this.getMEI(pageNo);
+ let result = this.vrvToolkit.edit(editorAction);
+ if (result) {
+ if (!this.undoStacks.has(pageNo)) {
+ this.undoStacks.set(pageNo, []);
+ }
+ this.undoStacks.get(pageNo).push(await currentMEI);
+ this.redoStacks.set(pageNo, []);
+
+ // Update cache
+ this.neonCache.set(pageNo, {
+ mei: this.vrvToolkit.getMEI(0, true),
+ svg: this.parser.parseFromString(this.vrvToolkit.renderToSVG(1),
+ 'image/svg+xml').documentElement,
+ dirty: true
+ });
+ }
+ return result;
+ }
+
+ /**
+ * Get the edit info string from the verovio toolkit.
+ * @returns {string}
+ */
+ info () {
+ return this.vrvToolkit.editInfo();
+ }
+
+ /**
+ * Undo the last action performed on a specific page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action undone.
+ */
+ undo (pageNo) {
+ if (this.undoStacks.has(pageNo)) {
+ let state = this.undoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.redoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
/**
- * Redo an undone action.
- * @returns {boolean}
- */
- function redo () {
- let state = redoStack.pop();
- if (state !== undefined) {
- undoStack.push(getMEI());
- loadData(state);
- return true;
+ * Redo the last action performed on a page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action was redone or not.
+ */
+ redo (pageNo) {
+ if (this.redoStacks.has(pageNo)) {
+ let state = this.redoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.undoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
- // Constructor reference
- NeonCore.prototype.constructor = NeonCore;
- NeonCore.prototype.loadData = loadData;
- NeonCore.prototype.getSVG = getSVG;
- NeonCore.prototype.getMEI = getMEI;
- NeonCore.prototype.getElementAttr = getElementAttr;
- NeonCore.prototype.edit = edit;
- NeonCore.prototype.info = info;
- NeonCore.prototype.undo = undo;
- NeonCore.prototype.redo = redo;
- NeonCore.prototype.addStateToUndo = addStateToUndo;
+ /**
+ * Update the PouchDb database stored in the browser.
+ * This is based on the data stored in the cache. To save time,
+ * only entries marked as dirty will be updated.
+ */
+ async updateDatabase () {
+ for (let pair of this.neonCache) {
+ let key = pair[0];
+ let value = pair[1];
+ if (value.dirty) {
+ await this.db.get(key.toString()).then((doc) => {
+ doc.data = value.mei;
+ return this.db.put(doc);
+ }).then(() => {
+ console.log('done');
+ value.dirty = false;
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
+ }
+ }
}
export { NeonCore as default };
@@ -163,13 +314,13 @@ Source: NeonCore.js
diff --git a/doc/NeonView.html b/doc/NeonView.html
index 2da4f14a7..faabba9a5 100644
--- a/doc/NeonView.html
+++ b/doc/NeonView.html
@@ -30,6 +30,9 @@ Class: NeonView
NeonView(params)
+ NeonView class. Manages the other modules of Neon and communicates with
+NeonCore.
+
@@ -39,6 +42,8 @@ NeonViewConstructor
+
new NeonView(params)
@@ -49,7 +54,7 @@ new NeonView<
- The class managing DOM objects and the NeonCore class for the application.
+ Constructor for NeonView. Sets mode and passes constructors.
@@ -101,7 +106,7 @@ Parameters:
- An object containing the filenames of the MEI file and background image.
+
Properties
@@ -129,7 +134,7 @@ Properties
- meifilemode
@@ -153,20 +158,20 @@ Properties
- The filename of the MEI file.
+
- bgimgoptions
-string
+object
@@ -184,20 +189,20 @@ Properties
- The filename of the background image.
+
- modeView
-string
+object
@@ -215,20 +220,115 @@ Properties
- The mode to run NeonCore in.
+ Constructor for a View module
- rawDisplay
-string
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for DisplayPanel module
+
+
+
+
+
+
+ Info
+
+
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for InfoModule module
+
+
+
+
+
+
+ Edit
+
+
+object
+
+
+
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+
+
+ Constructor for EditMode module
+
+
+
+
+
+
+ TextView
+
+
+object
@@ -248,7 +348,7 @@ Properties
- If the meifile parameter is actually the raw contents of an MEI file.
+ Constructor for TextView module
@@ -296,20 +396,13 @@ Properties
- Source:
-
- NeonView.js, line 25
+ NeonView.js, line 20
- See:
- -
-
-
-
@@ -331,25 +424,394 @@ Properties
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ deleteDb() → {Promise}
+
+
+
+
+
+
+
+ Deletes the local database of the loaded MEI file(s).
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonView.js, line 147
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves when the database is deleted.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ edit(action, pageNo) → {Promise}
+
+
+
+
+
+
+
+ Perform an editor action
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+object
+
+
+
+
+
+
+
+
+
+ The editor toolkit action object.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the action to perform.
+
+
+
+
+
+
+ param
+
+
+object
+|
+
+array
+
+
+
+
+
+
+
+
+
+ The parameters of the action(s)
+
+
+
+
+
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number to perform the action on.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonView.js, line 115
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the result of the action.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
-
-
+
+
-
-
-
-
- Methods
@@ -357,7 +819,7 @@ Methods
- (inner) edit(editorAction, addToUndoopt) → {boolean}
+ getElementAttr(elementID, pageNo) → {Promise}
@@ -365,7 +827,7 @@ (inner) edit
- Execute an editor action.
+ Get the attributes for a specific musical element.
@@ -389,12 +851,8 @@ Parameters:
Type
- Attributes
-
- Default
-
Description
@@ -405,74 +863,46 @@ Parameters:
- editorActionelementID
-object
+string
-
-
-
-
-
-
-
-
-
-
-
-
- The editor action.
+ The unique ID of the element.
- addToUndopageNo
-boolean
+number
-
-
- <optional>
-
-
-
-
-
-
-
-
-
- true
-
-
-
- Whether or not to add the action to the undo stack.
+ The zero-indexed page number the ID is found on.
@@ -513,7 +943,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
- If the action succeeded.
+ A promise that resolves to the available attributes.
@@ -551,7 +983,7 @@ Returns:
-
-boolean
+Promise
@@ -569,7 +1001,7 @@ Returns:
- (inner) loadSvg()
+ getPageMEI(pageNo) → {Promise}
@@ -577,7 +1009,7 @@ (inner) loadS
- Load the SVG and put it in the SVG container.
+ Get the page's MEI file as a string.
@@ -588,6 +1020,55 @@ (inner) loadS
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to get.
+
+
+
+
+
+
+
@@ -621,7 +1102,7 @@ (inner) loadS
- Source:
(inner) loadS
+Returns:
+
+
+
+ A promise that resolves to the string.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
@@ -655,7 +1160,7 @@ (inner) loadS
- (inner) loadView()
+ getPageURI(pageNo) → {Promise}
@@ -663,7 +1168,7 @@ (inner) load
- Load the view, including background image and rendered MEI.
+ Get the page's MEI file encoded as a data URI.
@@ -674,6 +1179,55 @@ (inner) load
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to encode.
+
+
+
+
+
+
+
@@ -707,7 +1261,7 @@ (inner) load
- Source:
(inner) load
+Returns:
+
+
+
+ A promise that resolves to the URI.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
@@ -741,7 +1319,7 @@ (inner) load
- (inner) redo() → {boolean}
+ getUserMode()
@@ -749,7 +1327,7 @@ (inner) redo
- Redo the last undone action.
+ Get the mode Neon is in: viewer, insert, or edit.
@@ -793,7 +1371,7 @@ (inner) redoSource:
(inner) redoReturns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
@@ -845,7 +1407,7 @@ Returns:
- (inner) refreshPage()
+ redo()
@@ -853,7 +1415,7 @@ (inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
- Source:
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
- Reset hotkey and panning listeners
+ Save the current state of the MEI file(s) to the browser database.
@@ -983,7 +1547,7 @@ (inner)
Source:
(inner)
Returns:
+
+
+
+ A promise that resolves when the save action is finished.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
@@ -1017,7 +1605,7 @@ (inner)
(inner) rodanGetMei() → {string}
+ start()
@@ -1025,7 +1613,7 @@ (inner) r
- Get the MEI for use in Rodan.
+ Start Neon
@@ -1069,7 +1657,7 @@ (inner) r
- Source:
(inner) r
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
@@ -1121,7 +1693,7 @@ Returns:
- (inner) saveMEI()
+ undo()
@@ -1129,7 +1701,7 @@ (inner) saveM
- Save the MEI to a file.
+ Undo the last action performed on the current page (if any)
@@ -1173,7 +1745,7 @@ (inner) saveM
- Source:
(inner) saveM
+
+
- (inner) undo() → {boolean}
+ updateForCurrentPage()
@@ -1215,7 +1789,8 @@ (inner) undo
- Undo the last action.
+ Get the current page from the loaded view and then display the
+most up to date SVG.
@@ -1259,7 +1834,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+number
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+ -
+
+Object
+
+
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 42
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-- yarn:
+Requirements
+
+- yarn:
+
brew install yarn on Mac
-Setup
-Install the dependencies using yarn:
-yarn install
Build webpack:
-yarn build
Start the server:
-yarn start
Access the page at: http://localhost:8080.
-Setup
+
+- Install the dependencies using yarn:
+
+yarn install
+
+
+- Build webpack:
+
+yarn build
+
+
+- Start the server:
+
+yarn start
+
+
+- Access the page at: http://localhost:8080.
-Instructions
Neon.js has two main modes: viewer and editor. To learn how to use both, read the instructions on our wiki.
-Test
Follow the instructions from above first. The tests for Neon2 use Selenium and so require a web browser (Firefox) and its driver (geckodriver).
+
Instructions
+Neon.js has two main modes: viewer and editor. To learn how to use both, read the instructions on our wiki.
+Test
+Follow the instructions from above first. The tests for Neon2 use Selenium and so require a web browser (Firefox) and its driver (geckodriver).
On Mac install these with Homebrew:
brew cask install firefox
-brew install geckodriver
Then you can run the tests locally using yarn test. We use jest to script our tests.
+brew install geckodriver
+
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
- -
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 13
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 349
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 19
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 477
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 267
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 420
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 494
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 133
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 118
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 126
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 110
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 232
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 246
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 219
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 192
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 397
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 371
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 408
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 184
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 93
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 174
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 78
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 43
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
- Source:
-
- InfoBox.js, line 8
+ InfoModule.js, line 13
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
- Source:
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ - Source:
+ -
+ InfoModule.js, line 36
+
The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ InfoModule.js, line 222
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ InfoModule.js, line 230
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
- Source:
Type:
- Source:
Type:
- Source:
Parameters:
- Source:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- ResizeStaff.js, line 1
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
- - Resize
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- ResizeStaff.js, line 13
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- - Source:
- -
- Compatibility.js, line 1
-
(static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
- Source:
(static) getM
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-number
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
- Source:
- See:
- -
-
-
-
@@ -1172,6 +1149,8 @@ Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
- Source:
(static
- Source:
(static
+
+
@@ -278,7 +280,7 @@ (stati
- Source:
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
- Source:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
- Source:
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
(inner) Source:
(inner) (inner) redraw
- Source:
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - Resize
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- - ClickSelect
-
+
+
+
+
+
+
+
+
+
+ Methods
+
- - DragSelect
-
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
- Source:
(static) uns
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+string
+|
+
+null
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
- Source:
Parameters:
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
- Source:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
- Source:
(static)
- Source:
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
- Source:
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
- Source:
(static)
+
+
@@ -720,7 +779,7 @@ (static)
- Source:
(static)
+
+
@@ -806,7 +867,7 @@ (static)
- Source:
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
- Source:
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
- Source:
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+ -
+
+module:Zoom~ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
- Source:
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
-
-module:Zoom.ViewBox
+module:Zoom.ViewBox
@@ -196,7 +198,7 @@ Type:
- Source:
(inner) ge
- Source:
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
- Source:
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
- Source:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
- Source:
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
- Source:
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - ViewBox
+
+
+ - ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
- -
-
-boolean
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
- -
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ Validation.js, line 12
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ Validation.js, line 26
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ Validation.js, line 43
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
- - ViewBox
-
-
- - ZoomHandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
- Source:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
- Source:
-
- Color.js, line 68
+ utils/Color.js, line 68
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
- Source:
-
- Color.js, line 9
+ utils/Color.js, line 9
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
- Source:
-
- Color.js, line 48
+ utils/Color.js, line 48
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
- Source:
-
- Color.js, line 84
+ utils/Color.js, line 84
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
- Source:
-
- Color.js, line 36
+ utils/Color.js, line 36
(stat
+
+
@@ -797,7 +807,7 @@ (static)
- Source:
-
- Color.js, line 59
+ utils/Color.js, line 59
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
- Source:
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
-
- Cursor.js, line 8
+ utils/Cursor.js, line 8
(static) Parameters:
- Source:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
(inner)
+
+
Returns:
@@ -757,7 +767,7 @@ Parameters:
Source:
Parameters:
+
+
@@ -801,13 +813,13 @@ Parameters:
diff --git a/doc/NeonCore.html b/doc/NeonCore.html
index 89cfba50c..83933848f 100644
--- a/doc/NeonCore.html
+++ b/doc/NeonCore.html
@@ -28,7 +28,10 @@ Class: NeonCore
- NeonCore(mei, vrvToolkit)
+ NeonCore(meiMap, title) → {object}
+
+ The core component of Neon. This manages the database,
+the verovio toolkit, the cache, and undo/redo stacks.
@@ -39,9 +42,11 @@ NeonCoreConstructor
+
- new NeonCore(mei, vrvToolkit)
+ new NeonCore(meiMap, title) → {object}
@@ -49,7 +54,7 @@ new NeonCore<
- Underlying NeonCore class that communicates with Verovio.
+ Constructor for NeonCore
@@ -85,13 +90,13 @@ Parameters:
- meimeiMap
-string
+Map.<number, string>
@@ -101,20 +106,20 @@ Parameters:
- Contents of the MEI file.
+ Map of zero-indexed page no to MEI.
- vrvToolkittitle
-object
+string
@@ -124,7 +129,7 @@ Parameters:
- An instantiated Verovio toolkit.
+ The title of the page or manuscript.
@@ -165,7 +170,7 @@ Parameters:
Source:
-
- NeonCore.js, line 7
+ NeonCore.js, line 17
Parameters:
+Returns:
+
+
+
+ A NeonCore object.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+object
+
+
-
+
+
+
+
+
@@ -211,137 +238,103 @@ Parameters:
- Methods
+ Members
+neonCache :Map.<number, CacheEntry>
-
-
-
- (inner) edit(editorAction, addToUndoopt) → {boolean}
-
-
-
- Execute an editor action in Verovio.
+ A cache mapping a page number to a CacheEntry.
+ Type:
+
+ -
+
+Map.<number, CacheEntry>
+
+
- Parameters:
-
-
NeonCore(mei, vrvToolkit)
+NeonCore(meiMap, title) → {object}
+ +The core component of Neon. This manages the database,
+the verovio toolkit, the cache, and undo/redo stacks.
- Underlying NeonCore class that communicates with Verovio.
+ Constructor for NeonCore
@@ -85,13 +90,13 @@ Parameters:
meimeiMapParameters:
-vrvToolkittitleParameters:
-Parameters:
- - NeonCore.js, line 7 + NeonCore.js, line 17
Parameters:
+Returns:
+ + +
+ A NeonCore object.
+
+
+
+
+-
+
- + Type + +
- + +object + +
Parameters:
-Methods
+Members
+neonCache :Map.<number, CacheEntry>
- - - -(inner) edit(editorAction, addToUndoopt) → {boolean}
- - -
- Execute an editor action in Verovio.
+ A cache mapping a page number to a CacheEntry.
+ Type:
+-
+
- + +Map.<number, CacheEntry> + +
Parameters:
- -| Name | - +Type | + - -Attributes | - + - -Default | - + -Description | -
|---|---|---|---|---|
editorAction |
-
+
- - - -object + + - - | + - -- + - + - - | - + - -- - | - + +The action to execute. | -
addToUndo |
-
+
+
- - - -boolean - - | - -
-
- <optional> - - - - |
+
+- - true - - | - -Whether or not to make this action undoable. | -
+ Stacks of previous MEI files representing actions that can be redone for each page.
+
+
+ Type:
+-
+
- + +Map.<number, Array.<string>> + + + +
Parameters:
- - NeonCore.js, line 63 + NeonCore.js, line 40
Parameters:
+ + +undoStacks :Map.<number, Array.<string>>
+
+ Stacks of previous MEI files representing actions that can be undone for each page.
+
-Returns:
+Type:
+-
+
- + +Map.<number, Array.<string>> - + +
-
-
- - Type - -
- - -boolean - -
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- Source: +
- + NeonCore.js, line 34 +
+
+
+
+
+
+
Methods
@@ -427,7 +468,7 @@Returns:
-(inner) getElementAttr(elementId) → {object}
+(async) edit(action, pageNo) → {boolean}
@@ -435,7 +476,7 @@(inner)
- Get MEI element attributes from Verovio.
+ Perform an editor action on a specific page.
@@ -471,13 +512,13 @@ Parameters:
- elementIdaction
-string
+object
@@ -487,54 +528,762 @@ Parameters:
- The ID of the MEI element.
-
-
-
-
-
-
+ The editor toolkit action object.
+ Properties
+
+
+
+
+
+ Name
+
+ Type
+
+
-
+ Description
+
+
+
-
+
+
+ action
+
+
+string
-
-
+
+
-
+
-
+
-
+ The name of the action to perform.
+
-
+
+
+ param
+
+
+object
+|
-
+array
-
- Source:
- -
- NeonCore.js, line 53
-
-
+
+
+
+
+ The parameters of the action(s)
+
+
+
+
+
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number to perform the action on.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 184
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ If the action succeeded or not.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getElementAttr(elementId, pageNo) → {Promise}
+
+
+
+
+
+
+
+ Get musical element attributes from the verovio toolkit.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
elementIdactionParameters:
-Properties
+ +| Name | + +Type | + + -Description | +
|---|---|---|
action |
+
-
+ + + +string - - + + | - + - + - +The name of the action to perform. | +
param |
+
-
+
+
+
+object
+|
-
+array
-
-
|
-
+
+
+
+
+ The parameters of the action(s) | +
pageNo- + NeonCore.js, line 184 +
| Name | + + +Type | + + + + + +Description | +
|---|---|---|
elementId |
+
+
+ + + +string + + + + | + + + + + +The unique ID of the musical element. | +
pageNo |
+
+
+ + + +number + + + + | + + + + + +The zero-indexed page number the element is on. | +
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- Source: +
- + NeonCore.js, line 168 +
+
+
+
+
+
+
+
+
Returns:
+ + +
+ A promise that resolves to the attributes in an object.
+
+
+
+
+-
+
- + Type + +
- + +Promise + + + +
getMEI(pageNo) → {Promise}
+ + + + + + +
+ Get the MEI for a specific page number.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+ + +| Name | + + +Type | + + + + + +Description | +
|---|---|---|
pageNo |
+
+
+ + + +number + + + + | + + + + + +The zero-indexed page number. | +
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- Source: +
- + NeonCore.js, line 154 +
+
+
+
+
+
+
+
+
Returns:
+ + +
+ A promise that resolves to the MEI as a string.
+
+
+
+
+-
+
- + Type + +
- + +Promise + + + +
getSVG(pageNo) → {Promise}
+ + + + + + +
+ Get the SVG for a specific page number.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+ + +| Name | + + +Type | + + + + + +Description | +
|---|---|---|
pageNo |
+
+
+ + + +number + + + + | + + + + + +The zero-indexed page number. | +
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- Source: +
- + NeonCore.js, line 141 +
+
+
+
+
+
+
+
+
Returns:
+ + +
+ A promise that resolves to the SVG.
+
+
+
+
+-
+
- + Type + +
- + +Promise + + + +
info() → {string}
+ + + + + + +
+ Get the edit info string from the verovio toolkit.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- Source: +
- + NeonCore.js, line 212 +
+
+
+
+
+
Parameters:
+ +Returns:
@@ -562,7 +1313,7 @@Returns:
Returns:
- + + + + + + +(async) initDb()
+ + + + + + +
+ Initialize the PouchDb database based on the provided MEI.
+This should only be run if previous data does not exist.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- Source: +
- + NeonCore.js, line 67 +
+
+
+
+
+
+
+
+
loadData(pageNo, data, dirtyopt)
+ + + + + + +
+ Load data into the verovio toolkit and update the cache.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+ + +| Name | + + +Type | + + +Attributes | + + + +Default | + + +Description | +
|---|---|---|---|---|
pageNo |
+
+
+ + + +number + + + + | + + ++ + + + + + | + + + ++ + | + + +The zero-indexed page number. | +
data |
+
+
+ + + +string + + + + | + + ++ + + + + + | - + ++ + | + - -The MEI of the page as a string. | +
dirty |
+
+
+
+
+boolean
-
- Get the MEI data from Verovio.
-
+
+ |
+
+
+
+ <optional> + + + + |
+
+
+ + + false + + | + +If the cache entry should be marked as dirty. Defaults to false. | +
(inner) getMEI
Source:
(inner) getMEI
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
@@ -684,7 +1647,7 @@ Returns:
- (inner) getSVG() → {string}
+ loadPage(pageNo) → {Promise}
@@ -692,7 +1655,8 @@ (inner) getSVG
- Get the SVG from Verovio.
+ Load a page into the verovio toolkit. This will fetch the
+page from the cache or from the database.
@@ -703,108 +1667,53 @@ (inner) getSVG
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- NeonCore.js, line 36
-
Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
+
Returns:
- - - - --
-
- - Type - -
- - -string - - -
Returns:
-(inner) getSVG() → {string}
+loadPage(pageNo) → {Promise}
@@ -692,7 +1655,8 @@(inner) getSVG
- Get the SVG from Verovio.
+ Load a page into the verovio toolkit. This will fetch the
+page from the cache or from the database.
@@ -703,108 +1667,53 @@ (inner) getSVG
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- NeonCore.js, line 36
-
Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Source: -
- - NeonCore.js, line 36 -
-
-
-
-
-
-
+
Parameters:
-Returns:
+| Name | +Type | -Description | +
|---|---|---|
pageNo |
+
+ + + +number + + | - - + - -The zero-indexed page number to load. | +
(inner) infoSource:
-
- NeonCore.js, line 82
+ NeonCore.js, line 96
(inner) infoReturns:
+
+ A promise that resolves to the cache entry.
+
+
@@ -874,7 +1789,7 @@ Returns:
-
-string
+Promise
@@ -892,7 +1807,7 @@ Returns:
- (inner) loadData(data)
+ redo(pageNo) → {boolean}
@@ -900,7 +1815,7 @@ (inner) load
- Load MEI data into Verovio.
+ Redo the last action performed on a page.
@@ -936,13 +1851,13 @@ Parameters:
- datapageNo
-string
+number
@@ -952,7 +1867,7 @@ Parameters:
- MEI data.
+ The zero-indexed page number.
@@ -993,7 +1908,7 @@ Parameters:
- Source:
Parameters:
+Returns:
+
+
+
+ If an action was redone or not.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
@@ -1027,7 +1966,7 @@ Parameters:
- (inner) redo() → {boolean}
+ undo(pageNo) → {boolean}
@@ -1035,7 +1974,7 @@ (inner) redo
- Redo an undone action.
+ Undo the last action performed on a specific page.
@@ -1046,6 +1985,55 @@ (inner) redoParameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number.
+
+
+
+
+
+
+
@@ -1079,7 +2067,7 @@ (inner) redoSource:
(inner) redoReturns:
+
+ If an action undone.
+
+
@@ -1131,7 +2125,7 @@ Returns:
- (inner) undo() → {boolean}
+ (async) updateDatabase()
@@ -1139,7 +2133,9 @@ (inner) undo
- Undo the last editor action.
+ Update the PouchDb database stored in the browser.
+This is based on the data stored in the cache. To save time,
+only entries marked as dirty will be updated.
@@ -1183,7 +2179,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
@@ -1245,13 +2225,13 @@ Returns:
diff --git a/doc/NeonCore.js.html b/doc/NeonCore.js.html
index ae277d4a0..f99b8ef16 100644
--- a/doc/NeonCore.js.html
+++ b/doc/NeonCore.js.html
@@ -26,130 +26,281 @@ Source: NeonCore.js
- /**
- * Underlying NeonCore class that communicates with Verovio.
- * @constructor
- * @param {string} mei - Contents of the MEI file.
- * @param {object} vrvToolkit - An instantiated Verovio toolkit.
- */
-function NeonCore (mei, vrvToolkit) {
- /// ///////////
- // Constructor
- /// ///////////
- var vrvOptions = {
- noFooter: 1,
- noHeader: 1,
- pageMarginLeft: 0,
- pageMarginTop: 0,
- font: 'Bravura'
- };
- var undoStack = new Array(0);
- var redoStack = new Array(0);
-
- vrvToolkit.setOptions(vrvOptions);
- loadData(mei);
+ import * as Validation from './Validation.js';
+import PouchDb from 'pouchdb';
+
+const verovio = require('verovio-dev');
+/**
+ * The core component of Neon. This manages the database,
+ * the verovio toolkit, the cache, and undo/redo stacks.
+ */
+class NeonCore {
/**
- * Load MEI data into Verovio.
- * @param {string} data - MEI data.
+ * Constructor for NeonCore
+ * @param {Map<number, string>} meiMap - Map of zero-indexed page no to MEI.
+ * @param {string} title - The title of the page or manuscript.
+ * @returns {object} A NeonCore object.
+ */
+ constructor (meiMap, title) {
+ this.vrvToolkit = new verovio.toolkit();
+ this.vrvToolkit.setOptions({
+ inputFormat: 'mei',
+ noFooter: 1,
+ noHeader: 1,
+ pageMarginLeft: 0,
+ pageMarginTop: 0,
+ font: 'Bravura'
+ });
+
+ Validation.init();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be undone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.undoStacks = new Map();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be redone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.redoStacks = new Map();
+
+ /**
+ * A cache entry.
+ * @typedef {Object} CacheEntry
+ * @property {boolean} dirty - If the entry has been modified since being fetched from the database.
+ * @property {string} mei - The MEI data for the page.
+ * @property {SVGSVGElement} svg - The rendered SVG for the page.
*/
- function loadData (data) {
- vrvToolkit.loadData(data);
+
+ /**
+ * A cache mapping a page number to a {@link CacheEntry}.
+ * @type {Map.<number, CacheEntry>}
+ */
+ this.neonCache = new Map();
+
+ this.parser = new DOMParser();
+
+ this.db = new PouchDb(title);
+ // Add each MEI to the database
+ this.meiMap = meiMap;
}
/**
- * Get the SVG from Verovio.
- * @returns {string}
- */
- function getSVG () {
- return vrvToolkit.renderToSVG(1);
+ * Initialize the PouchDb database based on the provided MEI.
+ * This should only be run if previous data does not exist.
+ */
+ async initDb () {
+ for (let pair of this.meiMap) {
+ let key = pair[0];
+ let value = pair[1];
+ await this.db.get(key.toString()).catch((err) => {
+ if (err.name === 'not_found') {
+ // Create new document
+ return {
+ _id: key.toString(),
+ data: ''
+ };
+ } else {
+ throw err;
+ }
+ }).then((doc) => {
+ doc.data = value;
+ return this.db.put(doc);
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
}
/**
- * Get the MEI data from Verovio.
- * @returns {string}
- */
- function getMEI () {
- return vrvToolkit.getMEI(0, true);
+ * Load a page into the verovio toolkit. This will fetch the
+ * page from the cache or from the database.
+ * @param {number} pageNo - The zero-indexed page number to load.
+ * @returns {Promise} A promise that resolves to the cache entry.
+ */
+ loadPage (pageNo) {
+ return new Promise((resolve, reject) => {
+ if (this.currentPage !== pageNo) {
+ if (this.neonCache.has(pageNo)) {
+ this.loadData(pageNo, this.neonCache.get(pageNo).mei);
+ resolve(this.neonCache.get(pageNo));
+ } else {
+ this.db.get(pageNo.toString()).then((doc) => {
+ this.loadData(pageNo, doc.data);
+ resolve(this.neonCache.get(pageNo));
+ }).catch((err) => {
+ reject(err);
+ });
+ }
+ } else {
+ resolve(this.neonCache.get(pageNo));
+ }
+ });
}
/**
- * Get MEI element attributes from Verovio.
- * @param {string} elementId - The ID of the MEI element.
- * @returns {object}
- */
- function getElementAttr (elementId) {
- return vrvToolkit.getElementAttr(elementId);
+ * Load data into the verovio toolkit and update the cache.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @param {string} data - The MEI of the page as a string.
+ * @param {boolean} [dirty] - If the cache entry should be marked as dirty. Defaults to false.
+ */
+ loadData (pageNo, data, dirty = false) {
+ Validation.sendForValidation(data);
+ let svg = this.parser.parseFromString(
+ this.vrvToolkit.renderData(data, {}),
+ 'image/svg+xml'
+ ).documentElement;
+ this.neonCache.set(pageNo, {
+ svg: svg,
+ mei: data,
+ dirty: dirty
+ });
+ this.currentPage = pageNo;
}
/**
- * Execute an editor action in Verovio.
- * @param {object} editorAction - The action to execute.
- * @param {boolean} [addToUndo=true] - Whether or not to make this action undoable.
- * @returns {boolean}
- */
- function edit (editorAction, addToUndo = true) {
- let currentMEI = getMEI();
- // console.log(editorAction); // Useful for debugging actions
- let value = vrvToolkit.edit(editorAction);
- if (value && addToUndo) {
- undoStack.push(currentMEI);
- redoStack = new Array(0);
- }
- return value;
+ * Get the SVG for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the SVG.
+ */
+ getSVG (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.svg);
+ }).catch((err) => { reject(err); });
+ });
}
- function addStateToUndo () {
- undoStack.push(getMEI());
+ /**
+ * Get the MEI for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the MEI as a string.
+ */
+ getMEI (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.mei);
+ }).catch((err) => { reject(err); });
+ });
}
/**
- * Get additional information on the last editor action from Verovio.
- * @returns {string}
- */
- function info () {
- return vrvToolkit.editInfo();
+ * Get musical element attributes from the verovio toolkit.
+ * @param {string} elementId - The unique ID of the musical element.
+ * @param {number} pageNo - The zero-indexed page number the element is on.
+ * @returns {Promise} A promise that resolves to the attributes in an object.
+ */
+ getElementAttr (elementId, pageNo) {
+ return new Promise((resolve) => {
+ this.loadPage(pageNo).then(() => {
+ resolve(this.vrvToolkit.getElementAttr(elementId));
+ });
+ });
}
/**
- * Undo the last editor action.
- * @returns {boolean}
- */
- function undo () {
- let state = undoStack.pop();
- if (state !== undefined) {
- redoStack.push(getMEI());
- loadData(state);
- return true;
+ * Perform an editor action on a specific page.
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {boolean} If the action succeeded or not.
+ */
+ async edit (editorAction, pageNo) {
+ if (this.currentPage !== pageNo) {
+ await this.loadPage(pageNo);
+ }
+ let currentMEI = this.getMEI(pageNo);
+ let result = this.vrvToolkit.edit(editorAction);
+ if (result) {
+ if (!this.undoStacks.has(pageNo)) {
+ this.undoStacks.set(pageNo, []);
+ }
+ this.undoStacks.get(pageNo).push(await currentMEI);
+ this.redoStacks.set(pageNo, []);
+
+ // Update cache
+ this.neonCache.set(pageNo, {
+ mei: this.vrvToolkit.getMEI(0, true),
+ svg: this.parser.parseFromString(this.vrvToolkit.renderToSVG(1),
+ 'image/svg+xml').documentElement,
+ dirty: true
+ });
+ }
+ return result;
+ }
+
+ /**
+ * Get the edit info string from the verovio toolkit.
+ * @returns {string}
+ */
+ info () {
+ return this.vrvToolkit.editInfo();
+ }
+
+ /**
+ * Undo the last action performed on a specific page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action undone.
+ */
+ undo (pageNo) {
+ if (this.undoStacks.has(pageNo)) {
+ let state = this.undoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.redoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
/**
- * Redo an undone action.
- * @returns {boolean}
- */
- function redo () {
- let state = redoStack.pop();
- if (state !== undefined) {
- undoStack.push(getMEI());
- loadData(state);
- return true;
+ * Redo the last action performed on a page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action was redone or not.
+ */
+ redo (pageNo) {
+ if (this.redoStacks.has(pageNo)) {
+ let state = this.redoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.undoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
- // Constructor reference
- NeonCore.prototype.constructor = NeonCore;
- NeonCore.prototype.loadData = loadData;
- NeonCore.prototype.getSVG = getSVG;
- NeonCore.prototype.getMEI = getMEI;
- NeonCore.prototype.getElementAttr = getElementAttr;
- NeonCore.prototype.edit = edit;
- NeonCore.prototype.info = info;
- NeonCore.prototype.undo = undo;
- NeonCore.prototype.redo = redo;
- NeonCore.prototype.addStateToUndo = addStateToUndo;
+ /**
+ * Update the PouchDb database stored in the browser.
+ * This is based on the data stored in the cache. To save time,
+ * only entries marked as dirty will be updated.
+ */
+ async updateDatabase () {
+ for (let pair of this.neonCache) {
+ let key = pair[0];
+ let value = pair[1];
+ if (value.dirty) {
+ await this.db.get(key.toString()).then((doc) => {
+ doc.data = value.mei;
+ return this.db.put(doc);
+ }).then(() => {
+ console.log('done');
+ value.dirty = false;
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
+ }
+ }
}
export { NeonCore as default };
@@ -163,13 +314,13 @@ Source: NeonCore.js
diff --git a/doc/NeonView.html b/doc/NeonView.html
index 2da4f14a7..faabba9a5 100644
--- a/doc/NeonView.html
+++ b/doc/NeonView.html
@@ -30,6 +30,9 @@ Class: NeonView
NeonView(params)
+ NeonView class. Manages the other modules of Neon and communicates with
+NeonCore.
+
@@ -39,6 +42,8 @@ NeonViewConstructor
+
new NeonView(params)
@@ -49,7 +54,7 @@ new NeonView<
- The class managing DOM objects and the NeonCore class for the application.
+ Constructor for NeonView. Sets mode and passes constructors.
@@ -101,7 +106,7 @@ Parameters:
- An object containing the filenames of the MEI file and background image.
+
Properties
@@ -129,7 +134,7 @@ Properties
- meifilemode
@@ -153,20 +158,20 @@ Properties
- The filename of the MEI file.
+
- bgimgoptions
-string
+object
@@ -184,20 +189,20 @@ Properties
- The filename of the background image.
+
- modeView
-string
+object
@@ -215,20 +220,115 @@ Properties
- The mode to run NeonCore in.
+ Constructor for a View module
- rawDisplay
-string
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for DisplayPanel module
+
+
+
+
+
+
+ Info
+
+
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for InfoModule module
+
+
+
+
+
+
+ Edit
+
+
+object
+
+
+
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+
+
+ Constructor for EditMode module
+
+
+
+
+
+
+ TextView
+
+
+object
@@ -248,7 +348,7 @@ Properties
- If the meifile parameter is actually the raw contents of an MEI file.
+ Constructor for TextView module
@@ -296,20 +396,13 @@ Properties
- Source:
-
- NeonView.js, line 25
+ NeonView.js, line 20
- See:
- -
-
-
-
@@ -331,25 +424,394 @@ Properties
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ deleteDb() → {Promise}
+
+
+
+
+
+
+
+ Deletes the local database of the loaded MEI file(s).
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonView.js, line 147
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves when the database is deleted.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ edit(action, pageNo) → {Promise}
+
+
+
+
+
+
+
+ Perform an editor action
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+object
+
+
+
+
+
+
+
+
+
+ The editor toolkit action object.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the action to perform.
+
+
+
+
+
+
+ param
+
+
+object
+|
+
+array
+
+
+
+
+
+
+
+
+
+ The parameters of the action(s)
+
+
+
+
+
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number to perform the action on.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonView.js, line 115
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the result of the action.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
-
-
+
+
-
-
-
-
- Methods
@@ -357,7 +819,7 @@ Methods
- (inner) edit(editorAction, addToUndoopt) → {boolean}
+ getElementAttr(elementID, pageNo) → {Promise}
@@ -365,7 +827,7 @@ (inner) edit
- Execute an editor action.
+ Get the attributes for a specific musical element.
@@ -389,12 +851,8 @@ Parameters:
Type
- Attributes
-
- Default
-
Description
@@ -405,74 +863,46 @@ Parameters:
- editorActionelementID
-object
+string
-
-
-
-
-
-
-
-
-
-
-
-
- The editor action.
+ The unique ID of the element.
- addToUndopageNo
-boolean
+number
-
-
- <optional>
-
-
-
-
-
-
-
-
-
- true
-
-
-
- Whether or not to add the action to the undo stack.
+ The zero-indexed page number the ID is found on.
@@ -513,7 +943,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
- If the action succeeded.
+ A promise that resolves to the available attributes.
@@ -551,7 +983,7 @@ Returns:
-
-boolean
+Promise
@@ -569,7 +1001,7 @@ Returns:
- (inner) loadSvg()
+ getPageMEI(pageNo) → {Promise}
@@ -577,7 +1009,7 @@ (inner) loadS
- Load the SVG and put it in the SVG container.
+ Get the page's MEI file as a string.
@@ -588,6 +1020,55 @@ (inner) loadS
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to get.
+
+
+
+
+
+
+
@@ -621,7 +1102,7 @@ (inner) loadS
- Source:
(inner) loadS
+Returns:
+
+
+
+ A promise that resolves to the string.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
@@ -655,7 +1160,7 @@ (inner) loadS
- (inner) loadView()
+ getPageURI(pageNo) → {Promise}
@@ -663,7 +1168,7 @@ (inner) load
- Load the view, including background image and rendered MEI.
+ Get the page's MEI file encoded as a data URI.
@@ -674,6 +1179,55 @@ (inner) load
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to encode.
+
+
+
+
+
+
+
@@ -707,7 +1261,7 @@ (inner) load
- Source:
(inner) load
+Returns:
+
+
+
+ A promise that resolves to the URI.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
@@ -741,7 +1319,7 @@ (inner) load
- (inner) redo() → {boolean}
+ getUserMode()
@@ -749,7 +1327,7 @@ (inner) redo
- Redo the last undone action.
+ Get the mode Neon is in: viewer, insert, or edit.
@@ -793,7 +1371,7 @@ (inner) redoSource:
(inner) redoReturns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
@@ -845,7 +1407,7 @@ Returns:
- (inner) refreshPage()
+ redo()
@@ -853,7 +1415,7 @@ (inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
- Source:
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
- Reset hotkey and panning listeners
+ Save the current state of the MEI file(s) to the browser database.
@@ -983,7 +1547,7 @@ (inner)
Source:
(inner)
Returns:
+
+
+
+ A promise that resolves when the save action is finished.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
@@ -1017,7 +1605,7 @@ (inner)
(inner) rodanGetMei() → {string}
+ start()
@@ -1025,7 +1613,7 @@ (inner) r
- Get the MEI for use in Rodan.
+ Start Neon
@@ -1069,7 +1657,7 @@ (inner) r
- Source:
(inner) r
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
@@ -1121,7 +1693,7 @@ Returns:
- (inner) saveMEI()
+ undo()
@@ -1129,7 +1701,7 @@ (inner) saveM
- Save the MEI to a file.
+ Undo the last action performed on the current page (if any)
@@ -1173,7 +1745,7 @@ (inner) saveM
- Source:
(inner) saveM
+
+
- (inner) undo() → {boolean}
+ updateForCurrentPage()
@@ -1215,7 +1789,8 @@ (inner) undo
- Undo the last action.
+ Get the current page from the loaded view and then display the
+most up to date SVG.
@@ -1259,7 +1834,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+number
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+ -
+
+Object
+
+
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 42
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-- yarn:
+Requirements
+
+- yarn:
+
brew install yarn on Mac
-Setup
-Install the dependencies using yarn:
-yarn install
Build webpack:
-yarn build
Start the server:
-yarn start
Access the page at: http://localhost:8080.
-Setup
+
+- Install the dependencies using yarn:
+
+yarn install
+
+
+- Build webpack:
+
+yarn build
+
+
+- Start the server:
+
+yarn start
+
+
+- Access the page at: http://localhost:8080.
-Instructions
Neon.js has two main modes: viewer and editor. To learn how to use both, read the instructions on our wiki.
-Test
Follow the instructions from above first. The tests for Neon2 use Selenium and so require a web browser (Firefox) and its driver (geckodriver).
+
Instructions
+Neon.js has two main modes: viewer and editor. To learn how to use both, read the instructions on our wiki.
+Test
+Follow the instructions from above first. The tests for Neon2 use Selenium and so require a web browser (Firefox) and its driver (geckodriver).
On Mac install these with Homebrew:
brew cask install firefox
-brew install geckodriver
Then you can run the tests locally using yarn test. We use jest to script our tests.
+brew install geckodriver
+
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
- -
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 13
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 349
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 19
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 477
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 267
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 420
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 494
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 133
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 118
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 126
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 110
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 232
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 246
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 219
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 192
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 397
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 371
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 408
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 184
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 93
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 174
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 78
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 43
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
- Source:
-
- InfoBox.js, line 8
+ InfoModule.js, line 13
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
- Source:
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ - Source:
+ -
+ InfoModule.js, line 36
+
The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ InfoModule.js, line 222
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ InfoModule.js, line 230
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
- Source:
Type:
- Source:
Type:
- Source:
Parameters:
- Source:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- ResizeStaff.js, line 1
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
- - Resize
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- ResizeStaff.js, line 13
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- - Source:
- -
- Compatibility.js, line 1
-
(static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
- Source:
(static) getM
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-number
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
- Source:
- See:
- -
-
-
-
@@ -1172,6 +1149,8 @@ Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
- Source:
(static
- Source:
(static
+
+
@@ -278,7 +280,7 @@ (stati
- Source:
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
- Source:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
- Source:
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
(inner) Source:
(inner) (inner) redraw
- Source:
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - Resize
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- - ClickSelect
-
+
+
+
+
+
+
+
+
+
+ Methods
+
- - DragSelect
-
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
- Source:
(static) uns
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+string
+|
+
+null
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
- Source:
Parameters:
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
- Source:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
- Source:
(static)
- Source:
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
- Source:
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
- Source:
(static)
+
+
@@ -720,7 +779,7 @@ (static)
- Source:
(static)
+
+
@@ -806,7 +867,7 @@ (static)
- Source:
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
- Source:
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
- Source:
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+ -
+
+module:Zoom~ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
- Source:
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
-
-module:Zoom.ViewBox
+module:Zoom.ViewBox
@@ -196,7 +198,7 @@ Type:
- Source:
(inner) ge
- Source:
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
- Source:
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
- Source:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
- Source:
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
- Source:
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - ViewBox
+
+
+ - ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
- -
-
-boolean
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
- -
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ Validation.js, line 12
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ Validation.js, line 26
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ Validation.js, line 43
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
- - ViewBox
-
-
- - ZoomHandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
- Source:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
- Source:
-
- Color.js, line 68
+ utils/Color.js, line 68
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
- Source:
-
- Color.js, line 9
+ utils/Color.js, line 9
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
- Source:
-
- Color.js, line 48
+ utils/Color.js, line 48
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
- Source:
-
- Color.js, line 84
+ utils/Color.js, line 84
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
- Source:
-
- Color.js, line 36
+ utils/Color.js, line 36
(stat
+
+
@@ -797,7 +807,7 @@ (static)
- Source:
-
- Color.js, line 59
+ utils/Color.js, line 59
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
- Source:
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
-
- Cursor.js, line 8
+ utils/Cursor.js, line 8
(static) Parameters:
- Source:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
- - NeonCore.js, line 82 + NeonCore.js, line 96
(inner) infoReturns:
+
+ A promise that resolves to the cache entry.
+
+
@@ -874,7 +1789,7 @@ Returns:
-
-string
+Promise
@@ -892,7 +1807,7 @@ Returns:
- (inner) loadData(data)
+ redo(pageNo) → {boolean}
@@ -900,7 +1815,7 @@ (inner) load
- Load MEI data into Verovio.
+ Redo the last action performed on a page.
@@ -936,13 +1851,13 @@ Parameters:
- datapageNo
-string
+number
@@ -952,7 +1867,7 @@ Parameters:
- MEI data.
+ The zero-indexed page number.
@@ -993,7 +1908,7 @@ Parameters:
- Source:
Parameters:
+Returns:
+
+
+
+ If an action was redone or not.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
@@ -1027,7 +1966,7 @@ Parameters:
- (inner) redo() → {boolean}
+ undo(pageNo) → {boolean}
@@ -1035,7 +1974,7 @@ (inner) redo
- Redo an undone action.
+ Undo the last action performed on a specific page.
@@ -1046,6 +1985,55 @@ (inner) redoParameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number.
+
+
+
+
+
+
+
@@ -1079,7 +2067,7 @@ (inner) redoSource:
(inner) redoReturns:
+
+ If an action undone.
+
+
@@ -1131,7 +2125,7 @@ Returns:
- (inner) undo() → {boolean}
+ (async) updateDatabase()
@@ -1139,7 +2133,9 @@ (inner) undo
- Undo the last editor action.
+ Update the PouchDb database stored in the browser.
+This is based on the data stored in the cache. To save time,
+only entries marked as dirty will be updated.
@@ -1183,7 +2179,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
@@ -1245,13 +2225,13 @@ Returns:
diff --git a/doc/NeonCore.js.html b/doc/NeonCore.js.html
index ae277d4a0..f99b8ef16 100644
--- a/doc/NeonCore.js.html
+++ b/doc/NeonCore.js.html
@@ -26,130 +26,281 @@ Source: NeonCore.js
- /**
- * Underlying NeonCore class that communicates with Verovio.
- * @constructor
- * @param {string} mei - Contents of the MEI file.
- * @param {object} vrvToolkit - An instantiated Verovio toolkit.
- */
-function NeonCore (mei, vrvToolkit) {
- /// ///////////
- // Constructor
- /// ///////////
- var vrvOptions = {
- noFooter: 1,
- noHeader: 1,
- pageMarginLeft: 0,
- pageMarginTop: 0,
- font: 'Bravura'
- };
- var undoStack = new Array(0);
- var redoStack = new Array(0);
-
- vrvToolkit.setOptions(vrvOptions);
- loadData(mei);
+ import * as Validation from './Validation.js';
+import PouchDb from 'pouchdb';
+
+const verovio = require('verovio-dev');
+/**
+ * The core component of Neon. This manages the database,
+ * the verovio toolkit, the cache, and undo/redo stacks.
+ */
+class NeonCore {
/**
- * Load MEI data into Verovio.
- * @param {string} data - MEI data.
+ * Constructor for NeonCore
+ * @param {Map<number, string>} meiMap - Map of zero-indexed page no to MEI.
+ * @param {string} title - The title of the page or manuscript.
+ * @returns {object} A NeonCore object.
+ */
+ constructor (meiMap, title) {
+ this.vrvToolkit = new verovio.toolkit();
+ this.vrvToolkit.setOptions({
+ inputFormat: 'mei',
+ noFooter: 1,
+ noHeader: 1,
+ pageMarginLeft: 0,
+ pageMarginTop: 0,
+ font: 'Bravura'
+ });
+
+ Validation.init();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be undone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.undoStacks = new Map();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be redone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.redoStacks = new Map();
+
+ /**
+ * A cache entry.
+ * @typedef {Object} CacheEntry
+ * @property {boolean} dirty - If the entry has been modified since being fetched from the database.
+ * @property {string} mei - The MEI data for the page.
+ * @property {SVGSVGElement} svg - The rendered SVG for the page.
*/
- function loadData (data) {
- vrvToolkit.loadData(data);
+
+ /**
+ * A cache mapping a page number to a {@link CacheEntry}.
+ * @type {Map.<number, CacheEntry>}
+ */
+ this.neonCache = new Map();
+
+ this.parser = new DOMParser();
+
+ this.db = new PouchDb(title);
+ // Add each MEI to the database
+ this.meiMap = meiMap;
}
/**
- * Get the SVG from Verovio.
- * @returns {string}
- */
- function getSVG () {
- return vrvToolkit.renderToSVG(1);
+ * Initialize the PouchDb database based on the provided MEI.
+ * This should only be run if previous data does not exist.
+ */
+ async initDb () {
+ for (let pair of this.meiMap) {
+ let key = pair[0];
+ let value = pair[1];
+ await this.db.get(key.toString()).catch((err) => {
+ if (err.name === 'not_found') {
+ // Create new document
+ return {
+ _id: key.toString(),
+ data: ''
+ };
+ } else {
+ throw err;
+ }
+ }).then((doc) => {
+ doc.data = value;
+ return this.db.put(doc);
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
}
/**
- * Get the MEI data from Verovio.
- * @returns {string}
- */
- function getMEI () {
- return vrvToolkit.getMEI(0, true);
+ * Load a page into the verovio toolkit. This will fetch the
+ * page from the cache or from the database.
+ * @param {number} pageNo - The zero-indexed page number to load.
+ * @returns {Promise} A promise that resolves to the cache entry.
+ */
+ loadPage (pageNo) {
+ return new Promise((resolve, reject) => {
+ if (this.currentPage !== pageNo) {
+ if (this.neonCache.has(pageNo)) {
+ this.loadData(pageNo, this.neonCache.get(pageNo).mei);
+ resolve(this.neonCache.get(pageNo));
+ } else {
+ this.db.get(pageNo.toString()).then((doc) => {
+ this.loadData(pageNo, doc.data);
+ resolve(this.neonCache.get(pageNo));
+ }).catch((err) => {
+ reject(err);
+ });
+ }
+ } else {
+ resolve(this.neonCache.get(pageNo));
+ }
+ });
}
/**
- * Get MEI element attributes from Verovio.
- * @param {string} elementId - The ID of the MEI element.
- * @returns {object}
- */
- function getElementAttr (elementId) {
- return vrvToolkit.getElementAttr(elementId);
+ * Load data into the verovio toolkit and update the cache.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @param {string} data - The MEI of the page as a string.
+ * @param {boolean} [dirty] - If the cache entry should be marked as dirty. Defaults to false.
+ */
+ loadData (pageNo, data, dirty = false) {
+ Validation.sendForValidation(data);
+ let svg = this.parser.parseFromString(
+ this.vrvToolkit.renderData(data, {}),
+ 'image/svg+xml'
+ ).documentElement;
+ this.neonCache.set(pageNo, {
+ svg: svg,
+ mei: data,
+ dirty: dirty
+ });
+ this.currentPage = pageNo;
}
/**
- * Execute an editor action in Verovio.
- * @param {object} editorAction - The action to execute.
- * @param {boolean} [addToUndo=true] - Whether or not to make this action undoable.
- * @returns {boolean}
- */
- function edit (editorAction, addToUndo = true) {
- let currentMEI = getMEI();
- // console.log(editorAction); // Useful for debugging actions
- let value = vrvToolkit.edit(editorAction);
- if (value && addToUndo) {
- undoStack.push(currentMEI);
- redoStack = new Array(0);
- }
- return value;
+ * Get the SVG for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the SVG.
+ */
+ getSVG (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.svg);
+ }).catch((err) => { reject(err); });
+ });
}
- function addStateToUndo () {
- undoStack.push(getMEI());
+ /**
+ * Get the MEI for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the MEI as a string.
+ */
+ getMEI (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.mei);
+ }).catch((err) => { reject(err); });
+ });
}
/**
- * Get additional information on the last editor action from Verovio.
- * @returns {string}
- */
- function info () {
- return vrvToolkit.editInfo();
+ * Get musical element attributes from the verovio toolkit.
+ * @param {string} elementId - The unique ID of the musical element.
+ * @param {number} pageNo - The zero-indexed page number the element is on.
+ * @returns {Promise} A promise that resolves to the attributes in an object.
+ */
+ getElementAttr (elementId, pageNo) {
+ return new Promise((resolve) => {
+ this.loadPage(pageNo).then(() => {
+ resolve(this.vrvToolkit.getElementAttr(elementId));
+ });
+ });
}
/**
- * Undo the last editor action.
- * @returns {boolean}
- */
- function undo () {
- let state = undoStack.pop();
- if (state !== undefined) {
- redoStack.push(getMEI());
- loadData(state);
- return true;
+ * Perform an editor action on a specific page.
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {boolean} If the action succeeded or not.
+ */
+ async edit (editorAction, pageNo) {
+ if (this.currentPage !== pageNo) {
+ await this.loadPage(pageNo);
+ }
+ let currentMEI = this.getMEI(pageNo);
+ let result = this.vrvToolkit.edit(editorAction);
+ if (result) {
+ if (!this.undoStacks.has(pageNo)) {
+ this.undoStacks.set(pageNo, []);
+ }
+ this.undoStacks.get(pageNo).push(await currentMEI);
+ this.redoStacks.set(pageNo, []);
+
+ // Update cache
+ this.neonCache.set(pageNo, {
+ mei: this.vrvToolkit.getMEI(0, true),
+ svg: this.parser.parseFromString(this.vrvToolkit.renderToSVG(1),
+ 'image/svg+xml').documentElement,
+ dirty: true
+ });
+ }
+ return result;
+ }
+
+ /**
+ * Get the edit info string from the verovio toolkit.
+ * @returns {string}
+ */
+ info () {
+ return this.vrvToolkit.editInfo();
+ }
+
+ /**
+ * Undo the last action performed on a specific page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action undone.
+ */
+ undo (pageNo) {
+ if (this.undoStacks.has(pageNo)) {
+ let state = this.undoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.redoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
/**
- * Redo an undone action.
- * @returns {boolean}
- */
- function redo () {
- let state = redoStack.pop();
- if (state !== undefined) {
- undoStack.push(getMEI());
- loadData(state);
- return true;
+ * Redo the last action performed on a page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action was redone or not.
+ */
+ redo (pageNo) {
+ if (this.redoStacks.has(pageNo)) {
+ let state = this.redoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.undoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
- // Constructor reference
- NeonCore.prototype.constructor = NeonCore;
- NeonCore.prototype.loadData = loadData;
- NeonCore.prototype.getSVG = getSVG;
- NeonCore.prototype.getMEI = getMEI;
- NeonCore.prototype.getElementAttr = getElementAttr;
- NeonCore.prototype.edit = edit;
- NeonCore.prototype.info = info;
- NeonCore.prototype.undo = undo;
- NeonCore.prototype.redo = redo;
- NeonCore.prototype.addStateToUndo = addStateToUndo;
+ /**
+ * Update the PouchDb database stored in the browser.
+ * This is based on the data stored in the cache. To save time,
+ * only entries marked as dirty will be updated.
+ */
+ async updateDatabase () {
+ for (let pair of this.neonCache) {
+ let key = pair[0];
+ let value = pair[1];
+ if (value.dirty) {
+ await this.db.get(key.toString()).then((doc) => {
+ doc.data = value.mei;
+ return this.db.put(doc);
+ }).then(() => {
+ console.log('done');
+ value.dirty = false;
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
+ }
+ }
}
export { NeonCore as default };
@@ -163,13 +314,13 @@ Source: NeonCore.js
diff --git a/doc/NeonView.html b/doc/NeonView.html
index 2da4f14a7..faabba9a5 100644
--- a/doc/NeonView.html
+++ b/doc/NeonView.html
@@ -30,6 +30,9 @@ Class: NeonView
NeonView(params)
+ NeonView class. Manages the other modules of Neon and communicates with
+NeonCore.
+
@@ -39,6 +42,8 @@ NeonViewConstructor
+
new NeonView(params)
@@ -49,7 +54,7 @@ new NeonView<
- The class managing DOM objects and the NeonCore class for the application.
+ Constructor for NeonView. Sets mode and passes constructors.
@@ -101,7 +106,7 @@ Parameters:
- An object containing the filenames of the MEI file and background image.
+
Properties
@@ -129,7 +134,7 @@ Properties
- meifilemode
@@ -153,20 +158,20 @@ Properties
- The filename of the MEI file.
+
- bgimgoptions
-string
+object
@@ -184,20 +189,20 @@ Properties
- The filename of the background image.
+
- modeView
-string
+object
@@ -215,20 +220,115 @@ Properties
- The mode to run NeonCore in.
+ Constructor for a View module
- rawDisplay
-string
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for DisplayPanel module
+
+
+
+
+
+
+ Info
+
+
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for InfoModule module
+
+
+
+
+
+
+ Edit
+
+
+object
+
+
+
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+
+
+ Constructor for EditMode module
+
+
+
+
+
+
+ TextView
+
+
+object
@@ -248,7 +348,7 @@ Properties
- If the meifile parameter is actually the raw contents of an MEI file.
+ Constructor for TextView module
@@ -296,20 +396,13 @@ Properties
- Source:
-
- NeonView.js, line 25
+ NeonView.js, line 20
- See:
- -
-
-
-
@@ -331,25 +424,394 @@ Properties
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ deleteDb() → {Promise}
+
+
+
+
+
+
+
+ Deletes the local database of the loaded MEI file(s).
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonView.js, line 147
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves when the database is deleted.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ edit(action, pageNo) → {Promise}
+
+
+
+
+
+
+
+ Perform an editor action
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+object
+
+
+
+
+
+
+
+
+
+ The editor toolkit action object.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the action to perform.
+
+
+
+
+
+
+ param
+
+
+object
+|
+
+array
+
+
+
+
+
+
+
+
+
+ The parameters of the action(s)
+
+
+
+
+
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number to perform the action on.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonView.js, line 115
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the result of the action.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
-
-
+
+
-
-
-
-
- Methods
@@ -357,7 +819,7 @@ Methods
- (inner) edit(editorAction, addToUndoopt) → {boolean}
+ getElementAttr(elementID, pageNo) → {Promise}
@@ -365,7 +827,7 @@ (inner) edit
- Execute an editor action.
+ Get the attributes for a specific musical element.
@@ -389,12 +851,8 @@ Parameters:
Type
- Attributes
-
- Default
-
Description
@@ -405,74 +863,46 @@ Parameters:
- editorActionelementID
-object
+string
-
-
-
-
-
-
-
-
-
-
-
-
- The editor action.
+ The unique ID of the element.
- addToUndopageNo
-boolean
+number
-
-
- <optional>
-
-
-
-
-
-
-
-
-
- true
-
-
-
- Whether or not to add the action to the undo stack.
+ The zero-indexed page number the ID is found on.
@@ -513,7 +943,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
- If the action succeeded.
+ A promise that resolves to the available attributes.
@@ -551,7 +983,7 @@ Returns:
-
-boolean
+Promise
@@ -569,7 +1001,7 @@ Returns:
- (inner) loadSvg()
+ getPageMEI(pageNo) → {Promise}
@@ -577,7 +1009,7 @@ (inner) loadS
- Load the SVG and put it in the SVG container.
+ Get the page's MEI file as a string.
@@ -588,6 +1020,55 @@ (inner) loadS
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to get.
+
+
+
+
+
+
+
@@ -621,7 +1102,7 @@ (inner) loadS
- Source:
(inner) loadS
+Returns:
+
+
+
+ A promise that resolves to the string.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
@@ -655,7 +1160,7 @@ (inner) loadS
- (inner) loadView()
+ getPageURI(pageNo) → {Promise}
@@ -663,7 +1168,7 @@ (inner) load
- Load the view, including background image and rendered MEI.
+ Get the page's MEI file encoded as a data URI.
@@ -674,6 +1179,55 @@ (inner) load
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to encode.
+
+
+
+
+
+
+
@@ -707,7 +1261,7 @@ (inner) load
- Source:
(inner) load
+Returns:
+
+
+
+ A promise that resolves to the URI.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
@@ -741,7 +1319,7 @@ (inner) load
- (inner) redo() → {boolean}
+ getUserMode()
@@ -749,7 +1327,7 @@ (inner) redo
- Redo the last undone action.
+ Get the mode Neon is in: viewer, insert, or edit.
@@ -793,7 +1371,7 @@ (inner) redoSource:
(inner) redoReturns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
@@ -845,7 +1407,7 @@ Returns:
- (inner) refreshPage()
+ redo()
@@ -853,7 +1415,7 @@ (inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
- Source:
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
- Reset hotkey and panning listeners
+ Save the current state of the MEI file(s) to the browser database.
@@ -983,7 +1547,7 @@ (inner)
Source:
(inner)
Returns:
+
+
+
+ A promise that resolves when the save action is finished.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+Promise
+
+
+
+
+
+
+
+
@@ -1017,7 +1605,7 @@ (inner)
(inner) rodanGetMei() → {string}
+ start()
@@ -1025,7 +1613,7 @@ (inner) r
- Get the MEI for use in Rodan.
+ Start Neon
@@ -1069,7 +1657,7 @@ (inner) r
- Source:
(inner) r
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
@@ -1121,7 +1693,7 @@ Returns:
- (inner) saveMEI()
+ undo()
@@ -1129,7 +1701,7 @@ (inner) saveM
- Save the MEI to a file.
+ Undo the last action performed on the current page (if any)
@@ -1173,7 +1745,7 @@ (inner) saveM
- Source:
(inner) saveM
+
+
- (inner) undo() → {boolean}
+ updateForCurrentPage()
@@ -1215,7 +1789,8 @@ (inner) undo
- Undo the last action.
+ Get the current page from the loaded view and then display the
+most up to date SVG.
@@ -1259,7 +1834,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+number
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+ -
+
+Object
+
+
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ NeonCore.js, line 42
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-- yarn:
+Requirements
+
+- yarn:
+
brew install yarn on Mac
-Setup
-Install the dependencies using yarn:
-yarn install
Build webpack:
-yarn build
Start the server:
-yarn start
Access the page at: http://localhost:8080.
-Setup
+
+- Install the dependencies using yarn:
+
+yarn install
+
+
+- Build webpack:
+
+yarn build
+
+
+- Start the server:
+
+yarn start
+
+
+- Access the page at: http://localhost:8080.
-Instructions
Neon.js has two main modes: viewer and editor. To learn how to use both, read the instructions on our wiki.
-Test
Follow the instructions from above first. The tests for Neon2 use Selenium and so require a web browser (Firefox) and its driver (geckodriver).
+
Instructions
+Neon.js has two main modes: viewer and editor. To learn how to use both, read the instructions on our wiki.
+Test
+Follow the instructions from above first. The tests for Neon2 use Selenium and so require a web browser (Firefox) and its driver (geckodriver).
On Mac install these with Homebrew:
brew cask install firefox
-brew install geckodriver
Then you can run the tests locally using yarn test. We use jest to script our tests.
+brew install geckodriver
+
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
- -
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 13
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 349
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 19
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 477
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 267
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 420
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 494
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 133
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 118
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 126
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 110
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 232
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 246
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 219
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 192
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 397
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 371
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 408
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 184
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 93
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 174
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 78
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- Controls.js, line 43
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
- Source:
-
- InfoBox.js, line 8
+ InfoModule.js, line 13
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
- Source:
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ - Source:
+ -
+ InfoModule.js, line 36
+
The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ InfoModule.js, line 222
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ InfoModule.js, line 230
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
- Source:
Type:
- Source:
Type:
- Source:
Parameters:
- Source:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- ResizeStaff.js, line 1
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
- - Resize
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
- -
- ResizeStaff.js, line 13
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-boolean
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- - Source:
- -
- Compatibility.js, line 1
-
(static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
- Source:
(static) getM
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-number
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
- Source:
- See:
- -
-
-
-
@@ -1172,6 +1149,8 @@ Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
- Source:
(static
- Source:
(static
+
+
@@ -278,7 +280,7 @@ (stati
- Source:
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
- Source:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
- Source:
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
- Source:
Type:
- Source:
Type:
- Source:
Type:
- Source:
(inner) Source:
(inner) (inner) redraw
- Source:
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - Resize
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- - ClickSelect
-
+
+
+
+
+
+
+
+
+
+ Methods
+
- - DragSelect
-
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
- Source:
(static) uns
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+string
+|
+
+null
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
- Source:
Parameters:
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
- Source:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
- Source:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+ -
+ Type
+
+ -
+
+boolean
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
- Source:
(static)
- Source:
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
- Source:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
- Source:
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
- Source:
(static)
+
+
@@ -720,7 +779,7 @@ (static)
- Source:
(static)
+
+
@@ -806,7 +867,7 @@ (static)
- Source:
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
- Source:
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
- Source:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
- Source:
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+ -
+
+module:Zoom~ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+ -
+ Type
+
+ -
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
- Source:
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
-
-module:Zoom.ViewBox
+module:Zoom.ViewBox
@@ -196,7 +198,7 @@ Type:
- Source:
(inner) ge
- Source:
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
- Source:
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
- Source:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
- Source:
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
- Source:
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
- Source:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+ - ViewBox
+
+
+ - ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
- -
-
-boolean
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
- -
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Source:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
- -
- Type
-
- -
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ Validation.js, line 12
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ Validation.js, line 26
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Source:
+ -
+ Validation.js, line 43
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
- - ViewBox
-
-
- - ZoomHandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
- Source:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
- Source:
-
- Color.js, line 68
+ utils/Color.js, line 68
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
- Source:
-
- Color.js, line 9
+ utils/Color.js, line 9
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
- Source:
-
- Color.js, line 48
+ utils/Color.js, line 48
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
- Source:
-
- Color.js, line 84
+ utils/Color.js, line 84
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
- Source:
-
- Color.js, line 36
+ utils/Color.js, line 36
(stat
+
+
@@ -797,7 +807,7 @@ (static)
- Source:
-
- Color.js, line 59
+ utils/Color.js, line 59
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
- Source:
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
-
- Cursor.js, line 8
+ utils/Cursor.js, line 8
(static) Parameters:
- Source:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
+ A promise that resolves to the cache entry.
+
+
-
@@ -874,7 +1789,7 @@
- -string +Promise @@ -892,7 +1807,7 @@
- Source:
- @@ -1018,6 +1933,30 @@
- + Type + +
- + +boolean + + + +
- @@ -1102,9 +2090,15 @@
- @@ -1206,24 +2202,8 @@
- - Type - -
- - -boolean - -
- Source:
- - NeonView.js, line 25 + NeonView.js, line 20
- - See: -
- - - -
- Source: +
- + NeonView.js, line 147 +
+
+
+
+
+
+
+
+- + Type + +
- + +Promise + + + +
- Source: +
- + NeonView.js, line 115 +
+
+
+
+
+
+
+
+- + Type + +
- + +Promise - - + +
- Source:
- @@ -536,11 +966,13 @@
- -boolean +Promise @@ -569,7 +1001,7 @@
- Source:
- @@ -646,6 +1127,30 @@
- + Type + +
- + +Promise + + + +
- Source:
- @@ -732,6 +1286,30 @@
- + Type + +
- + +Promise + + + +
- @@ -816,24 +1394,8 @@
- - Type - -
- - -boolean - - -
- Source:
- @@ -925,13 +1487,15 @@
- @@ -1008,6 +1572,30 @@
- + Type + +
- + +Promise + + + +
- Source:
- @@ -1092,24 +1680,8 @@
- - Type - -
- - -string - - -
- Source:
- @@ -1201,13 +1773,15 @@
- @@ -1282,24 +1857,8 @@
- - Type - -
- - -boolean - - -
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- + Type + +
- + +string + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- + Type + +
- + +number + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source:
- @@ -170,6 +170,8 @@
- + +Object + + + +
- Source: +
- + NeonCore.js, line 42 +
+
+
+
+
+
+
+
+- yarn:
-
+
- yarn:
+
brew install yarnon Mac
Install the dependencies using yarn:
-yarn install
-Build webpack:
-yarn build
-Start the server:
-yarn start
-Access the page at: http://localhost:8080.
-
+- Install the dependencies using yarn: +
- Build webpack: +
- Start the server: +
- Access the page at: http://localhost:8080.
Requirements
+-
+
Setup
-
-
Setup
+-
+
+yarn install +-
+
+yarn build +-
+
+yarn start +-
+
Instructions
Neon.js has two main modes: viewer and editor. To learn how to use both, read the instructions on our wiki.
-Test
Follow the instructions from above first. The tests for Neon2 use Selenium and so require a web browser (Firefox) and its driver (geckodriver). +
Instructions
+Neon.js has two main modes: viewer and editor. To learn how to use both, read the instructions on our wiki.
+Test
+Follow the instructions from above first. The tests for Neon2 use Selenium and so require a web browser (Firefox) and its driver (geckodriver). On Mac install these with Homebrew:
brew cask install firefox -brew install geckodriverThen you can run the tests locally using
+brew install geckodriver +yarn test. We use jest to script our tests. - yarn:
+
- - -module:Zoom~ZoomHandler - - - -
- Source: -
- - Controls.js, line 13 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 349 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 19 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 477 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 267 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 420 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 494 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 133 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 118 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 126 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 110 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 232 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 246 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 219 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 192 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 397 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 371 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 408 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 184 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 93 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 174 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 78 -
-
-
-
-
-
-
-
-- Source: -
- - Controls.js, line 43 -
-
-
-
-
-
-
-
-- Source:
- - InfoBox.js, line 8 + InfoModule.js, line 13
@@ -170,6 +175,8 @@ - Source:
- @@ -262,7 +269,7 @@
- Source:
- @@ -391,13 +398,15 @@
- Source:
- @@ -521,6 +530,8 @@
- Source:
- @@ -679,13 +690,15 @@
- @@ -765,13 +778,15 @@
- Source:
- @@ -895,6 +910,8 @@
- @@ -1004,13 +1021,15 @@
- Source: +
- + InfoModule.js, line 36 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- - Source:
- @@ -1139,13 +1198,15 @@
- Source:
- @@ -1297,6 +1358,8 @@
- InfoModule + +
- Source: +
- + InfoModule.js, line 222 +
+
+
+
+
+
+
+
+- Source: +
- + InfoModule.js, line 230 +
+
+
+
+
+
+
+
+- Source:
- @@ -175,6 +175,8 @@
- @@ -276,6 +278,8 @@
- Source:
- @@ -183,7 +183,7 @@
- Source:
- @@ -255,7 +255,7 @@
- Source:
- @@ -384,7 +384,7 @@
- Source:
- @@ -412,6 +412,8 @@
- Source:
- @@ -547,6 +549,8 @@
- Source:
- @@ -682,6 +686,8 @@
- @@ -768,6 +774,8 @@
- Source: -
- - ResizeStaff.js, line 1 -
-
-
-
-
-
-
-
-- Resize - -
- Source: -
- - ResizeStaff.js, line 13 -
-
-
-
-
-
-
-
-- Source: -
- - - - - - - - -
- Source: -
- - - - - - - - -
- - Type - -
- - -boolean - - - -
- Source: -
- - - - - - - - -
- Source: -
- - - - - - - - -
- Source: -
- - - - - - - - -
- Source:
- @@ -184,7 +184,7 @@
- Source:
- @@ -256,7 +256,7 @@
- Source:
- @@ -328,7 +328,7 @@
- Source:
- @@ -400,7 +400,7 @@
- Source:
- @@ -472,7 +472,7 @@
- Source:
- @@ -544,7 +544,7 @@
- Source:
- @@ -616,7 +616,7 @@
- Source:
- @@ -688,7 +688,7 @@
- Source:
- @@ -760,7 +760,7 @@
- Source:
- @@ -832,7 +832,7 @@
- Source:
- @@ -866,13 +866,13 @@
- Source: -
- - Compatibility.js, line 1 -
+ - @@ -198,11 +181,19 @@
- Source:
- @@ -362,13 +330,15 @@
- Source:
- @@ -498,13 +467,15 @@
- Source:
- @@ -579,24 +622,8 @@
- - Type - -
- - -number - - -
- Source:
- @@ -737,13 +715,15 @@
- Source:
- @@ -895,13 +875,15 @@
- Source:
- @@ -1030,13 +1012,15 @@
- Source:
- -
- See: -
- - - - @@ -1172,6 +1149,8 @@
- Source:
- @@ -192,7 +192,7 @@
- Source:
- @@ -220,6 +220,8 @@
- Source:
- @@ -306,13 +308,15 @@
- @@ -392,6 +445,8 @@
- Source:
- @@ -527,6 +582,8 @@
- @@ -613,6 +670,8 @@
- Source:
- @@ -699,6 +758,8 @@
- Source:
- @@ -880,6 +941,8 @@
- Source:
- @@ -217,6 +217,8 @@
- Source:
- @@ -363,7 +365,7 @@
- Source:
- @@ -435,7 +437,7 @@
- Source:
- @@ -507,7 +509,7 @@
- Source:
- @@ -588,7 +590,7 @@
- @@ -616,6 +618,8 @@
- Source:
- @@ -702,6 +706,8 @@
- Source: +
- + + + + + + + +
- Resize + +
- Source: +
- + + + + + + + +
- ClickSelect - + + + + + + + + + +
- DragSelect - -
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source:
- @@ -226,13 +778,15 @@
- Source:
- @@ -310,6 +863,29 @@
- + Type + +
- + +string +| + +null + + + +
- Source:
- @@ -443,6 +1019,8 @@
- Source:
- @@ -621,6 +1176,26 @@
- + Type + +
- + +boolean + + + +
- Source:
- @@ -759,13 +1334,15 @@
- Source: +
- + + + + + + + + - -
- Source:
- @@ -986,13 +1631,15 @@
- Source:
- @@ -1144,13 +1768,15 @@
- Source:
- @@ -1276,6 +1902,30 @@
- + Type + +
- + +boolean + + + +
- Source:
- @@ -192,7 +192,7 @@
- Source:
- @@ -220,6 +220,8 @@
- Source:
- @@ -355,13 +357,15 @@
- Source:
- @@ -441,6 +494,8 @@
- Source:
- @@ -576,6 +631,8 @@
- Source:
- @@ -662,6 +719,8 @@
- Source:
- @@ -748,6 +807,8 @@
- Source:
- @@ -834,6 +895,8 @@
- Source:
- @@ -920,6 +983,8 @@
- Source:
- @@ -1050,6 +1115,8 @@
- Source:
- @@ -1203,6 +1270,8 @@
- Source:
- @@ -1312,6 +1381,8 @@
- + +module:Zoom~ZoomHandler + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- Source: +
- + + + + + + + +
- DisplayPanel + +
- Source: +
- + + + + + + + +
- + Type + +
- + +string + + + +
- Source:
- @@ -122,6 +122,8 @@
- -module:Zoom.ViewBox +module:Zoom.ViewBox @@ -196,7 +198,7 @@
- Source:
- @@ -276,7 +278,7 @@
- Source:
- @@ -304,6 +306,8 @@
- @@ -390,6 +394,8 @@
- Source:
- @@ -476,6 +482,8 @@
- Source:
- @@ -634,6 +642,8 @@
- @@ -720,6 +730,8 @@
- Source:
- @@ -855,6 +867,8 @@
- Source:
- @@ -194,6 +194,8 @@
- @@ -295,6 +297,8 @@
- Source:
- @@ -399,6 +403,8 @@
- Source:
- @@ -626,6 +632,8 @@
- Source:
- @@ -712,6 +720,8 @@
- Source:
- @@ -847,6 +857,8 @@
- ViewBox + + +
- ZoomHandler + +
- - -boolean - - - -
- Source: -
- - - - - - - - -
- - -NeonView - - - -
- Source: -
- - - - - - - - -
- Source: -
- - - - - - - - -
- - Type - -
- - -string - - - -
- Source: -
- - - - - - - - -
- Source: -
- - - - - - - - -
- - Type - -
- - -string - - - -
- Source: +
- + Validation.js, line 12 +
+
+
+
+
+
+
+
+- Source: +
- + Validation.js, line 26 +
+
+
+
+
+
+
+
+- Source: +
- + Validation.js, line 43 +
+
+
+
+
+
+
+
+- ViewBox - - -
- ZoomHandler - -
- Source:
- @@ -192,7 +192,7 @@
- Source:
- - Color.js, line 68 + utils/Color.js, line 68
@@ -294,6 +294,8 @@ - Source:
- - Color.js, line 9 + utils/Color.js, line 9
@@ -429,6 +431,8 @@ - Source:
- - Color.js, line 48 + utils/Color.js, line 48
@@ -515,6 +519,8 @@ - Source:
- - Color.js, line 84 + utils/Color.js, line 84
@@ -653,6 +659,8 @@ - Source:
- - Color.js, line 36 + utils/Color.js, line 36
@@ -739,6 +747,8 @@ - Source:
- - Color.js, line 59 + utils/Color.js, line 59
@@ -825,6 +835,8 @@ - Source:
- @@ -144,6 +144,8 @@
- - Cursor.js, line 8 + utils/Cursor.js, line 8
@@ -230,6 +232,8 @@ - Source:
- @@ -365,6 +369,8 @@
Returns:
Returns:
-(inner) loadData(data)
+redo(pageNo) → {boolean}
@@ -900,7 +1815,7 @@(inner) load
- Load MEI data into Verovio.
+ Redo the last action performed on a page.
@@ -936,13 +1851,13 @@ Parameters:
- datapageNo
-string
+number
@@ -952,7 +1867,7 @@ Parameters:
- MEI data.
+ The zero-indexed page number.
@@ -993,7 +1908,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+ If an action was redone or not.
+
+
+
+
+
+
+
+
+
+
@@ -1027,7 +1966,7 @@ Parameters:
- (inner) redo() → {boolean}
+ undo(pageNo) → {boolean}
@@ -1035,7 +1974,7 @@ (inner) redo
- Redo an undone action.
+ Undo the last action performed on a specific page.
@@ -1046,6 +1985,55 @@ (inner) redoParameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number.
+
+
+
+
+
+
+
@@ -1079,7 +2067,7 @@ (inner) redoSource:
(inner) redoReturns:
+
+ If an action undone.
+
+
@@ -1131,7 +2125,7 @@ Returns:
- (inner) undo() → {boolean}
+ (async) updateDatabase()
@@ -1139,7 +2133,9 @@ (inner) undo
- Undo the last editor action.
+ Update the PouchDb database stored in the browser.
+This is based on the data stored in the cache. To save time,
+only entries marked as dirty will be updated.
@@ -1183,7 +2179,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
-
@@ -1245,13 +2225,13 @@ Returns:
diff --git a/doc/NeonCore.js.html b/doc/NeonCore.js.html
index ae277d4a0..f99b8ef16 100644
--- a/doc/NeonCore.js.html
+++ b/doc/NeonCore.js.html
@@ -26,130 +26,281 @@ Source: NeonCore.js
- /**
- * Underlying NeonCore class that communicates with Verovio.
- * @constructor
- * @param {string} mei - Contents of the MEI file.
- * @param {object} vrvToolkit - An instantiated Verovio toolkit.
- */
-function NeonCore (mei, vrvToolkit) {
- /// ///////////
- // Constructor
- /// ///////////
- var vrvOptions = {
- noFooter: 1,
- noHeader: 1,
- pageMarginLeft: 0,
- pageMarginTop: 0,
- font: 'Bravura'
- };
- var undoStack = new Array(0);
- var redoStack = new Array(0);
-
- vrvToolkit.setOptions(vrvOptions);
- loadData(mei);
+ import * as Validation from './Validation.js';
+import PouchDb from 'pouchdb';
+
+const verovio = require('verovio-dev');
+/**
+ * The core component of Neon. This manages the database,
+ * the verovio toolkit, the cache, and undo/redo stacks.
+ */
+class NeonCore {
/**
- * Load MEI data into Verovio.
- * @param {string} data - MEI data.
+ * Constructor for NeonCore
+ * @param {Map<number, string>} meiMap - Map of zero-indexed page no to MEI.
+ * @param {string} title - The title of the page or manuscript.
+ * @returns {object} A NeonCore object.
+ */
+ constructor (meiMap, title) {
+ this.vrvToolkit = new verovio.toolkit();
+ this.vrvToolkit.setOptions({
+ inputFormat: 'mei',
+ noFooter: 1,
+ noHeader: 1,
+ pageMarginLeft: 0,
+ pageMarginTop: 0,
+ font: 'Bravura'
+ });
+
+ Validation.init();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be undone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.undoStacks = new Map();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be redone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.redoStacks = new Map();
+
+ /**
+ * A cache entry.
+ * @typedef {Object} CacheEntry
+ * @property {boolean} dirty - If the entry has been modified since being fetched from the database.
+ * @property {string} mei - The MEI data for the page.
+ * @property {SVGSVGElement} svg - The rendered SVG for the page.
*/
- function loadData (data) {
- vrvToolkit.loadData(data);
+
+ /**
+ * A cache mapping a page number to a {@link CacheEntry}.
+ * @type {Map.<number, CacheEntry>}
+ */
+ this.neonCache = new Map();
+
+ this.parser = new DOMParser();
+
+ this.db = new PouchDb(title);
+ // Add each MEI to the database
+ this.meiMap = meiMap;
}
/**
- * Get the SVG from Verovio.
- * @returns {string}
- */
- function getSVG () {
- return vrvToolkit.renderToSVG(1);
+ * Initialize the PouchDb database based on the provided MEI.
+ * This should only be run if previous data does not exist.
+ */
+ async initDb () {
+ for (let pair of this.meiMap) {
+ let key = pair[0];
+ let value = pair[1];
+ await this.db.get(key.toString()).catch((err) => {
+ if (err.name === 'not_found') {
+ // Create new document
+ return {
+ _id: key.toString(),
+ data: ''
+ };
+ } else {
+ throw err;
+ }
+ }).then((doc) => {
+ doc.data = value;
+ return this.db.put(doc);
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
}
/**
- * Get the MEI data from Verovio.
- * @returns {string}
- */
- function getMEI () {
- return vrvToolkit.getMEI(0, true);
+ * Load a page into the verovio toolkit. This will fetch the
+ * page from the cache or from the database.
+ * @param {number} pageNo - The zero-indexed page number to load.
+ * @returns {Promise} A promise that resolves to the cache entry.
+ */
+ loadPage (pageNo) {
+ return new Promise((resolve, reject) => {
+ if (this.currentPage !== pageNo) {
+ if (this.neonCache.has(pageNo)) {
+ this.loadData(pageNo, this.neonCache.get(pageNo).mei);
+ resolve(this.neonCache.get(pageNo));
+ } else {
+ this.db.get(pageNo.toString()).then((doc) => {
+ this.loadData(pageNo, doc.data);
+ resolve(this.neonCache.get(pageNo));
+ }).catch((err) => {
+ reject(err);
+ });
+ }
+ } else {
+ resolve(this.neonCache.get(pageNo));
+ }
+ });
}
/**
- * Get MEI element attributes from Verovio.
- * @param {string} elementId - The ID of the MEI element.
- * @returns {object}
- */
- function getElementAttr (elementId) {
- return vrvToolkit.getElementAttr(elementId);
+ * Load data into the verovio toolkit and update the cache.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @param {string} data - The MEI of the page as a string.
+ * @param {boolean} [dirty] - If the cache entry should be marked as dirty. Defaults to false.
+ */
+ loadData (pageNo, data, dirty = false) {
+ Validation.sendForValidation(data);
+ let svg = this.parser.parseFromString(
+ this.vrvToolkit.renderData(data, {}),
+ 'image/svg+xml'
+ ).documentElement;
+ this.neonCache.set(pageNo, {
+ svg: svg,
+ mei: data,
+ dirty: dirty
+ });
+ this.currentPage = pageNo;
}
/**
- * Execute an editor action in Verovio.
- * @param {object} editorAction - The action to execute.
- * @param {boolean} [addToUndo=true] - Whether or not to make this action undoable.
- * @returns {boolean}
- */
- function edit (editorAction, addToUndo = true) {
- let currentMEI = getMEI();
- // console.log(editorAction); // Useful for debugging actions
- let value = vrvToolkit.edit(editorAction);
- if (value && addToUndo) {
- undoStack.push(currentMEI);
- redoStack = new Array(0);
- }
- return value;
+ * Get the SVG for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the SVG.
+ */
+ getSVG (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.svg);
+ }).catch((err) => { reject(err); });
+ });
}
- function addStateToUndo () {
- undoStack.push(getMEI());
+ /**
+ * Get the MEI for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the MEI as a string.
+ */
+ getMEI (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.mei);
+ }).catch((err) => { reject(err); });
+ });
}
/**
- * Get additional information on the last editor action from Verovio.
- * @returns {string}
- */
- function info () {
- return vrvToolkit.editInfo();
+ * Get musical element attributes from the verovio toolkit.
+ * @param {string} elementId - The unique ID of the musical element.
+ * @param {number} pageNo - The zero-indexed page number the element is on.
+ * @returns {Promise} A promise that resolves to the attributes in an object.
+ */
+ getElementAttr (elementId, pageNo) {
+ return new Promise((resolve) => {
+ this.loadPage(pageNo).then(() => {
+ resolve(this.vrvToolkit.getElementAttr(elementId));
+ });
+ });
}
/**
- * Undo the last editor action.
- * @returns {boolean}
- */
- function undo () {
- let state = undoStack.pop();
- if (state !== undefined) {
- redoStack.push(getMEI());
- loadData(state);
- return true;
+ * Perform an editor action on a specific page.
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {boolean} If the action succeeded or not.
+ */
+ async edit (editorAction, pageNo) {
+ if (this.currentPage !== pageNo) {
+ await this.loadPage(pageNo);
+ }
+ let currentMEI = this.getMEI(pageNo);
+ let result = this.vrvToolkit.edit(editorAction);
+ if (result) {
+ if (!this.undoStacks.has(pageNo)) {
+ this.undoStacks.set(pageNo, []);
+ }
+ this.undoStacks.get(pageNo).push(await currentMEI);
+ this.redoStacks.set(pageNo, []);
+
+ // Update cache
+ this.neonCache.set(pageNo, {
+ mei: this.vrvToolkit.getMEI(0, true),
+ svg: this.parser.parseFromString(this.vrvToolkit.renderToSVG(1),
+ 'image/svg+xml').documentElement,
+ dirty: true
+ });
+ }
+ return result;
+ }
+
+ /**
+ * Get the edit info string from the verovio toolkit.
+ * @returns {string}
+ */
+ info () {
+ return this.vrvToolkit.editInfo();
+ }
+
+ /**
+ * Undo the last action performed on a specific page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action undone.
+ */
+ undo (pageNo) {
+ if (this.undoStacks.has(pageNo)) {
+ let state = this.undoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.redoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
/**
- * Redo an undone action.
- * @returns {boolean}
- */
- function redo () {
- let state = redoStack.pop();
- if (state !== undefined) {
- undoStack.push(getMEI());
- loadData(state);
- return true;
+ * Redo the last action performed on a page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action was redone or not.
+ */
+ redo (pageNo) {
+ if (this.redoStacks.has(pageNo)) {
+ let state = this.redoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.undoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
- // Constructor reference
- NeonCore.prototype.constructor = NeonCore;
- NeonCore.prototype.loadData = loadData;
- NeonCore.prototype.getSVG = getSVG;
- NeonCore.prototype.getMEI = getMEI;
- NeonCore.prototype.getElementAttr = getElementAttr;
- NeonCore.prototype.edit = edit;
- NeonCore.prototype.info = info;
- NeonCore.prototype.undo = undo;
- NeonCore.prototype.redo = redo;
- NeonCore.prototype.addStateToUndo = addStateToUndo;
+ /**
+ * Update the PouchDb database stored in the browser.
+ * This is based on the data stored in the cache. To save time,
+ * only entries marked as dirty will be updated.
+ */
+ async updateDatabase () {
+ for (let pair of this.neonCache) {
+ let key = pair[0];
+ let value = pair[1];
+ if (value.dirty) {
+ await this.db.get(key.toString()).then((doc) => {
+ doc.data = value.mei;
+ return this.db.put(doc);
+ }).then(() => {
+ console.log('done');
+ value.dirty = false;
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
+ }
+ }
}
export { NeonCore as default };
@@ -163,13 +314,13 @@ Source: NeonCore.js
diff --git a/doc/NeonView.html b/doc/NeonView.html
index 2da4f14a7..faabba9a5 100644
--- a/doc/NeonView.html
+++ b/doc/NeonView.html
@@ -30,6 +30,9 @@ Class: NeonView
NeonView(params)
+ NeonView class. Manages the other modules of Neon and communicates with
+NeonCore.
+
@@ -39,6 +42,8 @@ NeonViewConstructor
+
new NeonView(params)
@@ -49,7 +54,7 @@ new NeonView<
- The class managing DOM objects and the NeonCore class for the application.
+ Constructor for NeonView. Sets mode and passes constructors.
@@ -101,7 +106,7 @@ Parameters:
- An object containing the filenames of the MEI file and background image.
+
Properties
@@ -129,7 +134,7 @@ Properties
- meifilemode
@@ -153,20 +158,20 @@ Properties
- The filename of the MEI file.
+
- bgimgoptions
-string
+object
@@ -184,20 +189,20 @@ Properties
- The filename of the background image.
+
- modeView
-string
+object
@@ -215,20 +220,115 @@ Properties
- The mode to run NeonCore in.
+ Constructor for a View module
- rawDisplay
-string
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for DisplayPanel module
+
+
+
+
+
+
+ Info
+
+
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for InfoModule module
+
+
+
+
+
+
+ Edit
+
+
+object
+
+
+
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+
+
+ Constructor for EditMode module
+
+
+
+
+
+
+ TextView
+
+
+object
@@ -248,7 +348,7 @@ Properties
- If the meifile parameter is actually the raw contents of an MEI file.
+ Constructor for TextView module
@@ -296,20 +396,13 @@ Properties
@@ -331,25 +424,394 @@ Properties
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ deleteDb() → {Promise}
+
+
+
+
+
+
+
+ Deletes the local database of the loaded MEI file(s).
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves when the database is deleted.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ edit(action, pageNo) → {Promise}
+
+
+
+
+
+
+
+ Perform an editor action
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+object
+
+
+
+
+
+
+
+
+
+ The editor toolkit action object.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the action to perform.
+
+
+
+
+
+
+ param
+
+
+object
+|
+
+array
+
+
+
+
+
+
+
+
+
+ The parameters of the action(s)
+
+
+
+
+
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number to perform the action on.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the result of the action.
+
+
+
+
+
+
-
-
-
-
- Methods
@@ -357,7 +819,7 @@ Methods
- (inner) edit(editorAction, addToUndoopt) → {boolean}
+ getElementAttr(elementID, pageNo) → {Promise}
@@ -365,7 +827,7 @@ (inner) edit
- Execute an editor action.
+ Get the attributes for a specific musical element.
@@ -389,12 +851,8 @@ Parameters:
Type
- Attributes
-
- Default
-
Description
@@ -405,74 +863,46 @@ Parameters:
- editorActionelementID
-object
+string
-
-
-
-
-
-
-
-
-
-
-
-
- The editor action.
+ The unique ID of the element.
- addToUndopageNo
-boolean
+number
-
-
- <optional>
-
-
-
-
-
-
-
-
-
- true
-
-
-
- Whether or not to add the action to the undo stack.
+ The zero-indexed page number the ID is found on.
@@ -513,7 +943,7 @@ Parameters:
Parameters:
+
+
Returns:
- If the action succeeded.
+ A promise that resolves to the available attributes.
@@ -551,7 +983,7 @@ Returns:
Returns:
- (inner) loadSvg()
+ getPageMEI(pageNo) → {Promise}
@@ -577,7 +1009,7 @@ (inner) loadS
- Load the SVG and put it in the SVG container.
+ Get the page's MEI file as a string.
@@ -588,6 +1020,55 @@ (inner) loadS
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to get.
+
+
+
+
+
+
+
@@ -621,7 +1102,7 @@ (inner) loadS
(inner) loadS
+Returns:
+
+
+
+ A promise that resolves to the string.
+
+
+
+
+
+
+
+
+
+
@@ -655,7 +1160,7 @@ (inner) loadS
- (inner) loadView()
+ getPageURI(pageNo) → {Promise}
@@ -663,7 +1168,7 @@ (inner) load
- Load the view, including background image and rendered MEI.
+ Get the page's MEI file encoded as a data URI.
@@ -674,6 +1179,55 @@ (inner) load
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to encode.
+
+
+
+
+
+
+
@@ -707,7 +1261,7 @@ (inner) load
(inner) load
+Returns:
+
+
+
+ A promise that resolves to the URI.
+
+
+
+
+
+
+
+
+
+
@@ -741,7 +1319,7 @@ (inner) load
- (inner) redo() → {boolean}
+ getUserMode()
@@ -749,7 +1327,7 @@ (inner) redo
- Redo the last undone action.
+ Get the mode Neon is in: viewer, insert, or edit.
@@ -793,7 +1371,7 @@ (inner) redoSource:
(inner) redoReturns:
-
-
-
-
-
-
-
@@ -845,7 +1407,7 @@ Returns:
- (inner) refreshPage()
+ redo()
@@ -853,7 +1415,7 @@ (inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
- Reset hotkey and panning listeners
+ Save the current state of the MEI file(s) to the browser database.
@@ -983,7 +1547,7 @@ (inner)
Source:
(inner)
Returns:
+
+
+
+ A promise that resolves when the save action is finished.
+
+
+
+
+
+
+
+
+
+
@@ -1017,7 +1605,7 @@ (inner)
(inner) rodanGetMei() → {string}
+ start()
@@ -1025,7 +1613,7 @@ (inner) r
- Get the MEI for use in Rodan.
+ Start Neon
@@ -1069,7 +1657,7 @@ (inner) r
(inner) r
-Returns:
-
-
-
-
-
-
-
@@ -1121,7 +1693,7 @@ Returns:
- (inner) saveMEI()
+ undo()
@@ -1129,7 +1701,7 @@ (inner) saveM
- Save the MEI to a file.
+ Undo the last action performed on the current page (if any)
@@ -1173,7 +1745,7 @@ (inner) saveM
(inner) saveM
+
+
- (inner) undo() → {boolean}
+ updateForCurrentPage()
@@ -1215,7 +1789,8 @@ (inner) undo
- Undo the last action.
+ Get the current page from the loaded view and then display the
+most up to date SVG.
@@ -1259,7 +1834,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
Type:
Type:
Parameters:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
(static) getM
-Returns:
-
-
-
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
(static
(static
+
+
@@ -278,7 +280,7 @@ (stati
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
Type:
Type:
Type:
(inner) Source:
(inner) (inner) redraw
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- Methods
+
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
(static) uns
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
(static)
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
(static)
+
+
@@ -720,7 +779,7 @@ (static)
(static)
+
+
@@ -806,7 +867,7 @@ (static)
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
Type:
(inner) ge
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
(stat
+
+
@@ -797,7 +807,7 @@ (static)
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
datapageNoParameters:
-(inner) redoParameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number.
+
+
+
+
+
+
+
@@ -1079,7 +2067,7 @@ (inner) redoSource:
(inner) redoReturns:
+
+ If an action undone.
+
+
@@ -1131,7 +2125,7 @@ Returns:
- (inner) undo() → {boolean}
+ (async) updateDatabase()
@@ -1139,7 +2133,9 @@ (inner) undo
- Undo the last editor action.
+ Update the PouchDb database stored in the browser.
+This is based on the data stored in the cache. To save time,
+only entries marked as dirty will be updated.
@@ -1183,7 +2179,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
-
@@ -1245,13 +2225,13 @@ Returns:
diff --git a/doc/NeonCore.js.html b/doc/NeonCore.js.html
index ae277d4a0..f99b8ef16 100644
--- a/doc/NeonCore.js.html
+++ b/doc/NeonCore.js.html
@@ -26,130 +26,281 @@ Source: NeonCore.js
- /**
- * Underlying NeonCore class that communicates with Verovio.
- * @constructor
- * @param {string} mei - Contents of the MEI file.
- * @param {object} vrvToolkit - An instantiated Verovio toolkit.
- */
-function NeonCore (mei, vrvToolkit) {
- /// ///////////
- // Constructor
- /// ///////////
- var vrvOptions = {
- noFooter: 1,
- noHeader: 1,
- pageMarginLeft: 0,
- pageMarginTop: 0,
- font: 'Bravura'
- };
- var undoStack = new Array(0);
- var redoStack = new Array(0);
-
- vrvToolkit.setOptions(vrvOptions);
- loadData(mei);
+ import * as Validation from './Validation.js';
+import PouchDb from 'pouchdb';
+
+const verovio = require('verovio-dev');
+/**
+ * The core component of Neon. This manages the database,
+ * the verovio toolkit, the cache, and undo/redo stacks.
+ */
+class NeonCore {
/**
- * Load MEI data into Verovio.
- * @param {string} data - MEI data.
+ * Constructor for NeonCore
+ * @param {Map<number, string>} meiMap - Map of zero-indexed page no to MEI.
+ * @param {string} title - The title of the page or manuscript.
+ * @returns {object} A NeonCore object.
+ */
+ constructor (meiMap, title) {
+ this.vrvToolkit = new verovio.toolkit();
+ this.vrvToolkit.setOptions({
+ inputFormat: 'mei',
+ noFooter: 1,
+ noHeader: 1,
+ pageMarginLeft: 0,
+ pageMarginTop: 0,
+ font: 'Bravura'
+ });
+
+ Validation.init();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be undone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.undoStacks = new Map();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be redone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.redoStacks = new Map();
+
+ /**
+ * A cache entry.
+ * @typedef {Object} CacheEntry
+ * @property {boolean} dirty - If the entry has been modified since being fetched from the database.
+ * @property {string} mei - The MEI data for the page.
+ * @property {SVGSVGElement} svg - The rendered SVG for the page.
*/
- function loadData (data) {
- vrvToolkit.loadData(data);
+
+ /**
+ * A cache mapping a page number to a {@link CacheEntry}.
+ * @type {Map.<number, CacheEntry>}
+ */
+ this.neonCache = new Map();
+
+ this.parser = new DOMParser();
+
+ this.db = new PouchDb(title);
+ // Add each MEI to the database
+ this.meiMap = meiMap;
}
/**
- * Get the SVG from Verovio.
- * @returns {string}
- */
- function getSVG () {
- return vrvToolkit.renderToSVG(1);
+ * Initialize the PouchDb database based on the provided MEI.
+ * This should only be run if previous data does not exist.
+ */
+ async initDb () {
+ for (let pair of this.meiMap) {
+ let key = pair[0];
+ let value = pair[1];
+ await this.db.get(key.toString()).catch((err) => {
+ if (err.name === 'not_found') {
+ // Create new document
+ return {
+ _id: key.toString(),
+ data: ''
+ };
+ } else {
+ throw err;
+ }
+ }).then((doc) => {
+ doc.data = value;
+ return this.db.put(doc);
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
}
/**
- * Get the MEI data from Verovio.
- * @returns {string}
- */
- function getMEI () {
- return vrvToolkit.getMEI(0, true);
+ * Load a page into the verovio toolkit. This will fetch the
+ * page from the cache or from the database.
+ * @param {number} pageNo - The zero-indexed page number to load.
+ * @returns {Promise} A promise that resolves to the cache entry.
+ */
+ loadPage (pageNo) {
+ return new Promise((resolve, reject) => {
+ if (this.currentPage !== pageNo) {
+ if (this.neonCache.has(pageNo)) {
+ this.loadData(pageNo, this.neonCache.get(pageNo).mei);
+ resolve(this.neonCache.get(pageNo));
+ } else {
+ this.db.get(pageNo.toString()).then((doc) => {
+ this.loadData(pageNo, doc.data);
+ resolve(this.neonCache.get(pageNo));
+ }).catch((err) => {
+ reject(err);
+ });
+ }
+ } else {
+ resolve(this.neonCache.get(pageNo));
+ }
+ });
}
/**
- * Get MEI element attributes from Verovio.
- * @param {string} elementId - The ID of the MEI element.
- * @returns {object}
- */
- function getElementAttr (elementId) {
- return vrvToolkit.getElementAttr(elementId);
+ * Load data into the verovio toolkit and update the cache.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @param {string} data - The MEI of the page as a string.
+ * @param {boolean} [dirty] - If the cache entry should be marked as dirty. Defaults to false.
+ */
+ loadData (pageNo, data, dirty = false) {
+ Validation.sendForValidation(data);
+ let svg = this.parser.parseFromString(
+ this.vrvToolkit.renderData(data, {}),
+ 'image/svg+xml'
+ ).documentElement;
+ this.neonCache.set(pageNo, {
+ svg: svg,
+ mei: data,
+ dirty: dirty
+ });
+ this.currentPage = pageNo;
}
/**
- * Execute an editor action in Verovio.
- * @param {object} editorAction - The action to execute.
- * @param {boolean} [addToUndo=true] - Whether or not to make this action undoable.
- * @returns {boolean}
- */
- function edit (editorAction, addToUndo = true) {
- let currentMEI = getMEI();
- // console.log(editorAction); // Useful for debugging actions
- let value = vrvToolkit.edit(editorAction);
- if (value && addToUndo) {
- undoStack.push(currentMEI);
- redoStack = new Array(0);
- }
- return value;
+ * Get the SVG for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the SVG.
+ */
+ getSVG (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.svg);
+ }).catch((err) => { reject(err); });
+ });
}
- function addStateToUndo () {
- undoStack.push(getMEI());
+ /**
+ * Get the MEI for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the MEI as a string.
+ */
+ getMEI (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.mei);
+ }).catch((err) => { reject(err); });
+ });
}
/**
- * Get additional information on the last editor action from Verovio.
- * @returns {string}
- */
- function info () {
- return vrvToolkit.editInfo();
+ * Get musical element attributes from the verovio toolkit.
+ * @param {string} elementId - The unique ID of the musical element.
+ * @param {number} pageNo - The zero-indexed page number the element is on.
+ * @returns {Promise} A promise that resolves to the attributes in an object.
+ */
+ getElementAttr (elementId, pageNo) {
+ return new Promise((resolve) => {
+ this.loadPage(pageNo).then(() => {
+ resolve(this.vrvToolkit.getElementAttr(elementId));
+ });
+ });
}
/**
- * Undo the last editor action.
- * @returns {boolean}
- */
- function undo () {
- let state = undoStack.pop();
- if (state !== undefined) {
- redoStack.push(getMEI());
- loadData(state);
- return true;
+ * Perform an editor action on a specific page.
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {boolean} If the action succeeded or not.
+ */
+ async edit (editorAction, pageNo) {
+ if (this.currentPage !== pageNo) {
+ await this.loadPage(pageNo);
+ }
+ let currentMEI = this.getMEI(pageNo);
+ let result = this.vrvToolkit.edit(editorAction);
+ if (result) {
+ if (!this.undoStacks.has(pageNo)) {
+ this.undoStacks.set(pageNo, []);
+ }
+ this.undoStacks.get(pageNo).push(await currentMEI);
+ this.redoStacks.set(pageNo, []);
+
+ // Update cache
+ this.neonCache.set(pageNo, {
+ mei: this.vrvToolkit.getMEI(0, true),
+ svg: this.parser.parseFromString(this.vrvToolkit.renderToSVG(1),
+ 'image/svg+xml').documentElement,
+ dirty: true
+ });
+ }
+ return result;
+ }
+
+ /**
+ * Get the edit info string from the verovio toolkit.
+ * @returns {string}
+ */
+ info () {
+ return this.vrvToolkit.editInfo();
+ }
+
+ /**
+ * Undo the last action performed on a specific page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action undone.
+ */
+ undo (pageNo) {
+ if (this.undoStacks.has(pageNo)) {
+ let state = this.undoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.redoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
/**
- * Redo an undone action.
- * @returns {boolean}
- */
- function redo () {
- let state = redoStack.pop();
- if (state !== undefined) {
- undoStack.push(getMEI());
- loadData(state);
- return true;
+ * Redo the last action performed on a page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action was redone or not.
+ */
+ redo (pageNo) {
+ if (this.redoStacks.has(pageNo)) {
+ let state = this.redoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.undoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
- // Constructor reference
- NeonCore.prototype.constructor = NeonCore;
- NeonCore.prototype.loadData = loadData;
- NeonCore.prototype.getSVG = getSVG;
- NeonCore.prototype.getMEI = getMEI;
- NeonCore.prototype.getElementAttr = getElementAttr;
- NeonCore.prototype.edit = edit;
- NeonCore.prototype.info = info;
- NeonCore.prototype.undo = undo;
- NeonCore.prototype.redo = redo;
- NeonCore.prototype.addStateToUndo = addStateToUndo;
+ /**
+ * Update the PouchDb database stored in the browser.
+ * This is based on the data stored in the cache. To save time,
+ * only entries marked as dirty will be updated.
+ */
+ async updateDatabase () {
+ for (let pair of this.neonCache) {
+ let key = pair[0];
+ let value = pair[1];
+ if (value.dirty) {
+ await this.db.get(key.toString()).then((doc) => {
+ doc.data = value.mei;
+ return this.db.put(doc);
+ }).then(() => {
+ console.log('done');
+ value.dirty = false;
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
+ }
+ }
}
export { NeonCore as default };
@@ -163,13 +314,13 @@ Source: NeonCore.js
diff --git a/doc/NeonView.html b/doc/NeonView.html
index 2da4f14a7..faabba9a5 100644
--- a/doc/NeonView.html
+++ b/doc/NeonView.html
@@ -30,6 +30,9 @@ Class: NeonView
NeonView(params)
+ NeonView class. Manages the other modules of Neon and communicates with
+NeonCore.
+
@@ -39,6 +42,8 @@ NeonViewConstructor
+
new NeonView(params)
@@ -49,7 +54,7 @@ new NeonView<
- The class managing DOM objects and the NeonCore class for the application.
+ Constructor for NeonView. Sets mode and passes constructors.
@@ -101,7 +106,7 @@ Parameters:
- An object containing the filenames of the MEI file and background image.
+
Properties
@@ -129,7 +134,7 @@ Properties
- meifilemode
@@ -153,20 +158,20 @@ Properties
- The filename of the MEI file.
+
- bgimgoptions
-string
+object
@@ -184,20 +189,20 @@ Properties
- The filename of the background image.
+
- modeView
-string
+object
@@ -215,20 +220,115 @@ Properties
- The mode to run NeonCore in.
+ Constructor for a View module
- rawDisplay
-string
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for DisplayPanel module
+
+
+
+
+
+
+ Info
+
+
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for InfoModule module
+
+
+
+
+
+
+ Edit
+
+
+object
+
+
+
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+
+
+ Constructor for EditMode module
+
+
+
+
+
+
+ TextView
+
+
+object
@@ -248,7 +348,7 @@ Properties
- If the meifile parameter is actually the raw contents of an MEI file.
+ Constructor for TextView module
@@ -296,20 +396,13 @@ Properties
@@ -331,25 +424,394 @@ Properties
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ deleteDb() → {Promise}
+
+
+
+
+
+
+
+ Deletes the local database of the loaded MEI file(s).
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves when the database is deleted.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ edit(action, pageNo) → {Promise}
+
+
+
+
+
+
+
+ Perform an editor action
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+object
+
+
+
+
+
+
+
+
+
+ The editor toolkit action object.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the action to perform.
+
+
+
+
+
+
+ param
+
+
+object
+|
+
+array
+
+
+
+
+
+
+
+
+
+ The parameters of the action(s)
+
+
+
+
+
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number to perform the action on.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the result of the action.
+
+
+
+
+
+
-
-
-
-
- Methods
@@ -357,7 +819,7 @@ Methods
- (inner) edit(editorAction, addToUndoopt) → {boolean}
+ getElementAttr(elementID, pageNo) → {Promise}
@@ -365,7 +827,7 @@ (inner) edit
- Execute an editor action.
+ Get the attributes for a specific musical element.
@@ -389,12 +851,8 @@ Parameters:
Type
- Attributes
-
- Default
-
Description
@@ -405,74 +863,46 @@ Parameters:
- editorActionelementID
-object
+string
-
-
-
-
-
-
-
-
-
-
-
-
- The editor action.
+ The unique ID of the element.
- addToUndopageNo
-boolean
+number
-
-
- <optional>
-
-
-
-
-
-
-
-
-
- true
-
-
-
- Whether or not to add the action to the undo stack.
+ The zero-indexed page number the ID is found on.
@@ -513,7 +943,7 @@ Parameters:
Parameters:
+
+
Returns:
- If the action succeeded.
+ A promise that resolves to the available attributes.
@@ -551,7 +983,7 @@ Returns:
Returns:
- (inner) loadSvg()
+ getPageMEI(pageNo) → {Promise}
@@ -577,7 +1009,7 @@ (inner) loadS
- Load the SVG and put it in the SVG container.
+ Get the page's MEI file as a string.
@@ -588,6 +1020,55 @@ (inner) loadS
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to get.
+
+
+
+
+
+
+
@@ -621,7 +1102,7 @@ (inner) loadS
(inner) loadS
+Returns:
+
+
+
+ A promise that resolves to the string.
+
+
+
+
+
+
+
+
+
+
@@ -655,7 +1160,7 @@ (inner) loadS
- (inner) loadView()
+ getPageURI(pageNo) → {Promise}
@@ -663,7 +1168,7 @@ (inner) load
- Load the view, including background image and rendered MEI.
+ Get the page's MEI file encoded as a data URI.
@@ -674,6 +1179,55 @@ (inner) load
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to encode.
+
+
+
+
+
+
+
@@ -707,7 +1261,7 @@ (inner) load
(inner) load
+Returns:
+
+
+
+ A promise that resolves to the URI.
+
+
+
+
+
+
+
+
+
+
@@ -741,7 +1319,7 @@ (inner) load
- (inner) redo() → {boolean}
+ getUserMode()
@@ -749,7 +1327,7 @@ (inner) redo
- Redo the last undone action.
+ Get the mode Neon is in: viewer, insert, or edit.
@@ -793,7 +1371,7 @@ (inner) redoSource:
(inner) redoReturns:
-
-
-
-
-
-
-
@@ -845,7 +1407,7 @@ Returns:
- (inner) refreshPage()
+ redo()
@@ -853,7 +1415,7 @@ (inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
- Reset hotkey and panning listeners
+ Save the current state of the MEI file(s) to the browser database.
@@ -983,7 +1547,7 @@ (inner)
Source:
(inner)
Returns:
+
+
+
+ A promise that resolves when the save action is finished.
+
+
+
+
+
+
+
+
+
+
@@ -1017,7 +1605,7 @@ (inner)
(inner) rodanGetMei() → {string}
+ start()
@@ -1025,7 +1613,7 @@ (inner) r
- Get the MEI for use in Rodan.
+ Start Neon
@@ -1069,7 +1657,7 @@ (inner) r
(inner) r
-Returns:
-
-
-
-
-
-
-
@@ -1121,7 +1693,7 @@ Returns:
- (inner) saveMEI()
+ undo()
@@ -1129,7 +1701,7 @@ (inner) saveM
- Save the MEI to a file.
+ Undo the last action performed on the current page (if any)
@@ -1173,7 +1745,7 @@ (inner) saveM
(inner) saveM
+
+
- (inner) undo() → {boolean}
+ updateForCurrentPage()
@@ -1215,7 +1789,8 @@ (inner) undo
- Undo the last action.
+ Get the current page from the loaded view and then display the
+most up to date SVG.
@@ -1259,7 +1834,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
Type:
Type:
Parameters:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
(static) getM
-Returns:
-
-
-
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
(static
(static
+
+
@@ -278,7 +280,7 @@ (stati
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
Type:
Type:
Type:
(inner) Source:
(inner) (inner) redraw
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- Methods
+
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
(static) uns
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
(static)
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
(static)
+
+
@@ -720,7 +779,7 @@ (static)
(static)
+
+
@@ -806,7 +867,7 @@ (static)
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
Type:
(inner) ge
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
(stat
+
+
@@ -797,7 +807,7 @@ (static)
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
| Name | + + +Type | + + + + + +Description | +
|---|---|---|
pageNo |
+
+
+ + + +number + + + + | + + + + + +The zero-indexed page number. | +
(inner) redoSource:
(inner) redoReturns:
+
+ If an action undone.
+
+
@@ -1131,7 +2125,7 @@ Returns:
- (inner) undo() → {boolean}
+ (async) updateDatabase()
@@ -1139,7 +2133,9 @@ (inner) undo
- Undo the last editor action.
+ Update the PouchDb database stored in the browser.
+This is based on the data stored in the cache. To save time,
+only entries marked as dirty will be updated.
@@ -1183,7 +2179,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
-
@@ -1245,13 +2225,13 @@ Returns:
diff --git a/doc/NeonCore.js.html b/doc/NeonCore.js.html
index ae277d4a0..f99b8ef16 100644
--- a/doc/NeonCore.js.html
+++ b/doc/NeonCore.js.html
@@ -26,130 +26,281 @@ Source: NeonCore.js
- /**
- * Underlying NeonCore class that communicates with Verovio.
- * @constructor
- * @param {string} mei - Contents of the MEI file.
- * @param {object} vrvToolkit - An instantiated Verovio toolkit.
- */
-function NeonCore (mei, vrvToolkit) {
- /// ///////////
- // Constructor
- /// ///////////
- var vrvOptions = {
- noFooter: 1,
- noHeader: 1,
- pageMarginLeft: 0,
- pageMarginTop: 0,
- font: 'Bravura'
- };
- var undoStack = new Array(0);
- var redoStack = new Array(0);
-
- vrvToolkit.setOptions(vrvOptions);
- loadData(mei);
+ import * as Validation from './Validation.js';
+import PouchDb from 'pouchdb';
+
+const verovio = require('verovio-dev');
+/**
+ * The core component of Neon. This manages the database,
+ * the verovio toolkit, the cache, and undo/redo stacks.
+ */
+class NeonCore {
/**
- * Load MEI data into Verovio.
- * @param {string} data - MEI data.
+ * Constructor for NeonCore
+ * @param {Map<number, string>} meiMap - Map of zero-indexed page no to MEI.
+ * @param {string} title - The title of the page or manuscript.
+ * @returns {object} A NeonCore object.
+ */
+ constructor (meiMap, title) {
+ this.vrvToolkit = new verovio.toolkit();
+ this.vrvToolkit.setOptions({
+ inputFormat: 'mei',
+ noFooter: 1,
+ noHeader: 1,
+ pageMarginLeft: 0,
+ pageMarginTop: 0,
+ font: 'Bravura'
+ });
+
+ Validation.init();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be undone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.undoStacks = new Map();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be redone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.redoStacks = new Map();
+
+ /**
+ * A cache entry.
+ * @typedef {Object} CacheEntry
+ * @property {boolean} dirty - If the entry has been modified since being fetched from the database.
+ * @property {string} mei - The MEI data for the page.
+ * @property {SVGSVGElement} svg - The rendered SVG for the page.
*/
- function loadData (data) {
- vrvToolkit.loadData(data);
+
+ /**
+ * A cache mapping a page number to a {@link CacheEntry}.
+ * @type {Map.<number, CacheEntry>}
+ */
+ this.neonCache = new Map();
+
+ this.parser = new DOMParser();
+
+ this.db = new PouchDb(title);
+ // Add each MEI to the database
+ this.meiMap = meiMap;
}
/**
- * Get the SVG from Verovio.
- * @returns {string}
- */
- function getSVG () {
- return vrvToolkit.renderToSVG(1);
+ * Initialize the PouchDb database based on the provided MEI.
+ * This should only be run if previous data does not exist.
+ */
+ async initDb () {
+ for (let pair of this.meiMap) {
+ let key = pair[0];
+ let value = pair[1];
+ await this.db.get(key.toString()).catch((err) => {
+ if (err.name === 'not_found') {
+ // Create new document
+ return {
+ _id: key.toString(),
+ data: ''
+ };
+ } else {
+ throw err;
+ }
+ }).then((doc) => {
+ doc.data = value;
+ return this.db.put(doc);
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
}
/**
- * Get the MEI data from Verovio.
- * @returns {string}
- */
- function getMEI () {
- return vrvToolkit.getMEI(0, true);
+ * Load a page into the verovio toolkit. This will fetch the
+ * page from the cache or from the database.
+ * @param {number} pageNo - The zero-indexed page number to load.
+ * @returns {Promise} A promise that resolves to the cache entry.
+ */
+ loadPage (pageNo) {
+ return new Promise((resolve, reject) => {
+ if (this.currentPage !== pageNo) {
+ if (this.neonCache.has(pageNo)) {
+ this.loadData(pageNo, this.neonCache.get(pageNo).mei);
+ resolve(this.neonCache.get(pageNo));
+ } else {
+ this.db.get(pageNo.toString()).then((doc) => {
+ this.loadData(pageNo, doc.data);
+ resolve(this.neonCache.get(pageNo));
+ }).catch((err) => {
+ reject(err);
+ });
+ }
+ } else {
+ resolve(this.neonCache.get(pageNo));
+ }
+ });
}
/**
- * Get MEI element attributes from Verovio.
- * @param {string} elementId - The ID of the MEI element.
- * @returns {object}
- */
- function getElementAttr (elementId) {
- return vrvToolkit.getElementAttr(elementId);
+ * Load data into the verovio toolkit and update the cache.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @param {string} data - The MEI of the page as a string.
+ * @param {boolean} [dirty] - If the cache entry should be marked as dirty. Defaults to false.
+ */
+ loadData (pageNo, data, dirty = false) {
+ Validation.sendForValidation(data);
+ let svg = this.parser.parseFromString(
+ this.vrvToolkit.renderData(data, {}),
+ 'image/svg+xml'
+ ).documentElement;
+ this.neonCache.set(pageNo, {
+ svg: svg,
+ mei: data,
+ dirty: dirty
+ });
+ this.currentPage = pageNo;
}
/**
- * Execute an editor action in Verovio.
- * @param {object} editorAction - The action to execute.
- * @param {boolean} [addToUndo=true] - Whether or not to make this action undoable.
- * @returns {boolean}
- */
- function edit (editorAction, addToUndo = true) {
- let currentMEI = getMEI();
- // console.log(editorAction); // Useful for debugging actions
- let value = vrvToolkit.edit(editorAction);
- if (value && addToUndo) {
- undoStack.push(currentMEI);
- redoStack = new Array(0);
- }
- return value;
+ * Get the SVG for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the SVG.
+ */
+ getSVG (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.svg);
+ }).catch((err) => { reject(err); });
+ });
}
- function addStateToUndo () {
- undoStack.push(getMEI());
+ /**
+ * Get the MEI for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the MEI as a string.
+ */
+ getMEI (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.mei);
+ }).catch((err) => { reject(err); });
+ });
}
/**
- * Get additional information on the last editor action from Verovio.
- * @returns {string}
- */
- function info () {
- return vrvToolkit.editInfo();
+ * Get musical element attributes from the verovio toolkit.
+ * @param {string} elementId - The unique ID of the musical element.
+ * @param {number} pageNo - The zero-indexed page number the element is on.
+ * @returns {Promise} A promise that resolves to the attributes in an object.
+ */
+ getElementAttr (elementId, pageNo) {
+ return new Promise((resolve) => {
+ this.loadPage(pageNo).then(() => {
+ resolve(this.vrvToolkit.getElementAttr(elementId));
+ });
+ });
}
/**
- * Undo the last editor action.
- * @returns {boolean}
- */
- function undo () {
- let state = undoStack.pop();
- if (state !== undefined) {
- redoStack.push(getMEI());
- loadData(state);
- return true;
+ * Perform an editor action on a specific page.
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {boolean} If the action succeeded or not.
+ */
+ async edit (editorAction, pageNo) {
+ if (this.currentPage !== pageNo) {
+ await this.loadPage(pageNo);
+ }
+ let currentMEI = this.getMEI(pageNo);
+ let result = this.vrvToolkit.edit(editorAction);
+ if (result) {
+ if (!this.undoStacks.has(pageNo)) {
+ this.undoStacks.set(pageNo, []);
+ }
+ this.undoStacks.get(pageNo).push(await currentMEI);
+ this.redoStacks.set(pageNo, []);
+
+ // Update cache
+ this.neonCache.set(pageNo, {
+ mei: this.vrvToolkit.getMEI(0, true),
+ svg: this.parser.parseFromString(this.vrvToolkit.renderToSVG(1),
+ 'image/svg+xml').documentElement,
+ dirty: true
+ });
+ }
+ return result;
+ }
+
+ /**
+ * Get the edit info string from the verovio toolkit.
+ * @returns {string}
+ */
+ info () {
+ return this.vrvToolkit.editInfo();
+ }
+
+ /**
+ * Undo the last action performed on a specific page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action undone.
+ */
+ undo (pageNo) {
+ if (this.undoStacks.has(pageNo)) {
+ let state = this.undoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.redoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
/**
- * Redo an undone action.
- * @returns {boolean}
- */
- function redo () {
- let state = redoStack.pop();
- if (state !== undefined) {
- undoStack.push(getMEI());
- loadData(state);
- return true;
+ * Redo the last action performed on a page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action was redone or not.
+ */
+ redo (pageNo) {
+ if (this.redoStacks.has(pageNo)) {
+ let state = this.redoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.undoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
- // Constructor reference
- NeonCore.prototype.constructor = NeonCore;
- NeonCore.prototype.loadData = loadData;
- NeonCore.prototype.getSVG = getSVG;
- NeonCore.prototype.getMEI = getMEI;
- NeonCore.prototype.getElementAttr = getElementAttr;
- NeonCore.prototype.edit = edit;
- NeonCore.prototype.info = info;
- NeonCore.prototype.undo = undo;
- NeonCore.prototype.redo = redo;
- NeonCore.prototype.addStateToUndo = addStateToUndo;
+ /**
+ * Update the PouchDb database stored in the browser.
+ * This is based on the data stored in the cache. To save time,
+ * only entries marked as dirty will be updated.
+ */
+ async updateDatabase () {
+ for (let pair of this.neonCache) {
+ let key = pair[0];
+ let value = pair[1];
+ if (value.dirty) {
+ await this.db.get(key.toString()).then((doc) => {
+ doc.data = value.mei;
+ return this.db.put(doc);
+ }).then(() => {
+ console.log('done');
+ value.dirty = false;
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
+ }
+ }
}
export { NeonCore as default };
@@ -163,13 +314,13 @@ Source: NeonCore.js
diff --git a/doc/NeonView.html b/doc/NeonView.html
index 2da4f14a7..faabba9a5 100644
--- a/doc/NeonView.html
+++ b/doc/NeonView.html
@@ -30,6 +30,9 @@ Class: NeonView
NeonView(params)
+ NeonView class. Manages the other modules of Neon and communicates with
+NeonCore.
+
@@ -39,6 +42,8 @@ NeonViewConstructor
+
new NeonView(params)
@@ -49,7 +54,7 @@ new NeonView<
- The class managing DOM objects and the NeonCore class for the application.
+ Constructor for NeonView. Sets mode and passes constructors.
@@ -101,7 +106,7 @@ Parameters:
- An object containing the filenames of the MEI file and background image.
+
Properties
@@ -129,7 +134,7 @@ Properties
- meifilemode
@@ -153,20 +158,20 @@ Properties
- The filename of the MEI file.
+
- bgimgoptions
-string
+object
@@ -184,20 +189,20 @@ Properties
- The filename of the background image.
+
- modeView
-string
+object
@@ -215,20 +220,115 @@ Properties
- The mode to run NeonCore in.
+ Constructor for a View module
- rawDisplay
-string
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for DisplayPanel module
+
+
+
+
+
+
+ Info
+
+
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for InfoModule module
+
+
+
+
+
+
+ Edit
+
+
+object
+
+
+
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+
+
+ Constructor for EditMode module
+
+
+
+
+
+
+ TextView
+
+
+object
@@ -248,7 +348,7 @@ Properties
- If the meifile parameter is actually the raw contents of an MEI file.
+ Constructor for TextView module
@@ -296,20 +396,13 @@ Properties
@@ -331,25 +424,394 @@ Properties
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ deleteDb() → {Promise}
+
+
+
+
+
+
+
+ Deletes the local database of the loaded MEI file(s).
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves when the database is deleted.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ edit(action, pageNo) → {Promise}
+
+
+
+
+
+
+
+ Perform an editor action
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+object
+
+
+
+
+
+
+
+
+
+ The editor toolkit action object.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the action to perform.
+
+
+
+
+
+
+ param
+
+
+object
+|
+
+array
+
+
+
+
+
+
+
+
+
+ The parameters of the action(s)
+
+
+
+
+
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number to perform the action on.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the result of the action.
+
+
+
+
+
+
-
-
-
-
- Methods
@@ -357,7 +819,7 @@ Methods
- (inner) edit(editorAction, addToUndoopt) → {boolean}
+ getElementAttr(elementID, pageNo) → {Promise}
@@ -365,7 +827,7 @@ (inner) edit
- Execute an editor action.
+ Get the attributes for a specific musical element.
@@ -389,12 +851,8 @@ Parameters:
Type
- Attributes
-
- Default
-
Description
@@ -405,74 +863,46 @@ Parameters:
- editorActionelementID
-object
+string
-
-
-
-
-
-
-
-
-
-
-
-
- The editor action.
+ The unique ID of the element.
- addToUndopageNo
-boolean
+number
-
-
- <optional>
-
-
-
-
-
-
-
-
-
- true
-
-
-
- Whether or not to add the action to the undo stack.
+ The zero-indexed page number the ID is found on.
@@ -513,7 +943,7 @@ Parameters:
Parameters:
+
+
Returns:
- If the action succeeded.
+ A promise that resolves to the available attributes.
@@ -551,7 +983,7 @@ Returns:
Returns:
- (inner) loadSvg()
+ getPageMEI(pageNo) → {Promise}
@@ -577,7 +1009,7 @@ (inner) loadS
- Load the SVG and put it in the SVG container.
+ Get the page's MEI file as a string.
@@ -588,6 +1020,55 @@ (inner) loadS
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to get.
+
+
+
+
+
+
+
@@ -621,7 +1102,7 @@ (inner) loadS
(inner) loadS
+Returns:
+
+
+
+ A promise that resolves to the string.
+
+
+
+
+
+
+
+
+
+
@@ -655,7 +1160,7 @@ (inner) loadS
- (inner) loadView()
+ getPageURI(pageNo) → {Promise}
@@ -663,7 +1168,7 @@ (inner) load
- Load the view, including background image and rendered MEI.
+ Get the page's MEI file encoded as a data URI.
@@ -674,6 +1179,55 @@ (inner) load
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to encode.
+
+
+
+
+
+
+
@@ -707,7 +1261,7 @@ (inner) load
(inner) load
+Returns:
+
+
+
+ A promise that resolves to the URI.
+
+
+
+
+
+
+
+
+
+
@@ -741,7 +1319,7 @@ (inner) load
- (inner) redo() → {boolean}
+ getUserMode()
@@ -749,7 +1327,7 @@ (inner) redo
- Redo the last undone action.
+ Get the mode Neon is in: viewer, insert, or edit.
@@ -793,7 +1371,7 @@ (inner) redoSource:
(inner) redoReturns:
-
-
-
-
-
-
-
@@ -845,7 +1407,7 @@ Returns:
- (inner) refreshPage()
+ redo()
@@ -853,7 +1415,7 @@ (inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
- Reset hotkey and panning listeners
+ Save the current state of the MEI file(s) to the browser database.
@@ -983,7 +1547,7 @@ (inner)
Source:
(inner)
Returns:
+
+
+
+ A promise that resolves when the save action is finished.
+
+
+
+
+
+
+
+
+
+
@@ -1017,7 +1605,7 @@ (inner)
(inner) rodanGetMei() → {string}
+ start()
@@ -1025,7 +1613,7 @@ (inner) r
- Get the MEI for use in Rodan.
+ Start Neon
@@ -1069,7 +1657,7 @@ (inner) r
(inner) r
-Returns:
-
-
-
-
-
-
-
@@ -1121,7 +1693,7 @@ Returns:
- (inner) saveMEI()
+ undo()
@@ -1129,7 +1701,7 @@ (inner) saveM
- Save the MEI to a file.
+ Undo the last action performed on the current page (if any)
@@ -1173,7 +1745,7 @@ (inner) saveM
(inner) saveM
+
+
- (inner) undo() → {boolean}
+ updateForCurrentPage()
@@ -1215,7 +1789,8 @@ (inner) undo
- Undo the last action.
+ Get the current page from the loaded view and then display the
+most up to date SVG.
@@ -1259,7 +1834,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
Type:
Type:
Parameters:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
(static) getM
-Returns:
-
-
-
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
(static
(static
+
+
@@ -278,7 +280,7 @@ (stati
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
Type:
Type:
Type:
(inner) Source:
(inner) (inner) redraw
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- Methods
+
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
(static) uns
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
(static)
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
(static)
+
+
@@ -720,7 +779,7 @@ (static)
(static)
+
+
@@ -806,7 +867,7 @@ (static)
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
Type:
(inner) ge
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
(stat
+
+
@@ -797,7 +807,7 @@ (static)
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
(inner) redoReturns:
+
+ If an action undone.
+
+
@@ -1131,7 +2125,7 @@ Returns:
- (inner) undo() → {boolean}
+ (async) updateDatabase()
@@ -1139,7 +2133,9 @@ (inner) undo
- Undo the last editor action.
+ Update the PouchDb database stored in the browser.
+This is based on the data stored in the cache. To save time,
+only entries marked as dirty will be updated.
@@ -1183,7 +2179,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
-
@@ -1245,13 +2225,13 @@ Returns:
diff --git a/doc/NeonCore.js.html b/doc/NeonCore.js.html
index ae277d4a0..f99b8ef16 100644
--- a/doc/NeonCore.js.html
+++ b/doc/NeonCore.js.html
@@ -26,130 +26,281 @@ Source: NeonCore.js
- /**
- * Underlying NeonCore class that communicates with Verovio.
- * @constructor
- * @param {string} mei - Contents of the MEI file.
- * @param {object} vrvToolkit - An instantiated Verovio toolkit.
- */
-function NeonCore (mei, vrvToolkit) {
- /// ///////////
- // Constructor
- /// ///////////
- var vrvOptions = {
- noFooter: 1,
- noHeader: 1,
- pageMarginLeft: 0,
- pageMarginTop: 0,
- font: 'Bravura'
- };
- var undoStack = new Array(0);
- var redoStack = new Array(0);
-
- vrvToolkit.setOptions(vrvOptions);
- loadData(mei);
+ import * as Validation from './Validation.js';
+import PouchDb from 'pouchdb';
+
+const verovio = require('verovio-dev');
+/**
+ * The core component of Neon. This manages the database,
+ * the verovio toolkit, the cache, and undo/redo stacks.
+ */
+class NeonCore {
/**
- * Load MEI data into Verovio.
- * @param {string} data - MEI data.
+ * Constructor for NeonCore
+ * @param {Map<number, string>} meiMap - Map of zero-indexed page no to MEI.
+ * @param {string} title - The title of the page or manuscript.
+ * @returns {object} A NeonCore object.
+ */
+ constructor (meiMap, title) {
+ this.vrvToolkit = new verovio.toolkit();
+ this.vrvToolkit.setOptions({
+ inputFormat: 'mei',
+ noFooter: 1,
+ noHeader: 1,
+ pageMarginLeft: 0,
+ pageMarginTop: 0,
+ font: 'Bravura'
+ });
+
+ Validation.init();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be undone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.undoStacks = new Map();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be redone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.redoStacks = new Map();
+
+ /**
+ * A cache entry.
+ * @typedef {Object} CacheEntry
+ * @property {boolean} dirty - If the entry has been modified since being fetched from the database.
+ * @property {string} mei - The MEI data for the page.
+ * @property {SVGSVGElement} svg - The rendered SVG for the page.
*/
- function loadData (data) {
- vrvToolkit.loadData(data);
+
+ /**
+ * A cache mapping a page number to a {@link CacheEntry}.
+ * @type {Map.<number, CacheEntry>}
+ */
+ this.neonCache = new Map();
+
+ this.parser = new DOMParser();
+
+ this.db = new PouchDb(title);
+ // Add each MEI to the database
+ this.meiMap = meiMap;
}
/**
- * Get the SVG from Verovio.
- * @returns {string}
- */
- function getSVG () {
- return vrvToolkit.renderToSVG(1);
+ * Initialize the PouchDb database based on the provided MEI.
+ * This should only be run if previous data does not exist.
+ */
+ async initDb () {
+ for (let pair of this.meiMap) {
+ let key = pair[0];
+ let value = pair[1];
+ await this.db.get(key.toString()).catch((err) => {
+ if (err.name === 'not_found') {
+ // Create new document
+ return {
+ _id: key.toString(),
+ data: ''
+ };
+ } else {
+ throw err;
+ }
+ }).then((doc) => {
+ doc.data = value;
+ return this.db.put(doc);
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
}
/**
- * Get the MEI data from Verovio.
- * @returns {string}
- */
- function getMEI () {
- return vrvToolkit.getMEI(0, true);
+ * Load a page into the verovio toolkit. This will fetch the
+ * page from the cache or from the database.
+ * @param {number} pageNo - The zero-indexed page number to load.
+ * @returns {Promise} A promise that resolves to the cache entry.
+ */
+ loadPage (pageNo) {
+ return new Promise((resolve, reject) => {
+ if (this.currentPage !== pageNo) {
+ if (this.neonCache.has(pageNo)) {
+ this.loadData(pageNo, this.neonCache.get(pageNo).mei);
+ resolve(this.neonCache.get(pageNo));
+ } else {
+ this.db.get(pageNo.toString()).then((doc) => {
+ this.loadData(pageNo, doc.data);
+ resolve(this.neonCache.get(pageNo));
+ }).catch((err) => {
+ reject(err);
+ });
+ }
+ } else {
+ resolve(this.neonCache.get(pageNo));
+ }
+ });
}
/**
- * Get MEI element attributes from Verovio.
- * @param {string} elementId - The ID of the MEI element.
- * @returns {object}
- */
- function getElementAttr (elementId) {
- return vrvToolkit.getElementAttr(elementId);
+ * Load data into the verovio toolkit and update the cache.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @param {string} data - The MEI of the page as a string.
+ * @param {boolean} [dirty] - If the cache entry should be marked as dirty. Defaults to false.
+ */
+ loadData (pageNo, data, dirty = false) {
+ Validation.sendForValidation(data);
+ let svg = this.parser.parseFromString(
+ this.vrvToolkit.renderData(data, {}),
+ 'image/svg+xml'
+ ).documentElement;
+ this.neonCache.set(pageNo, {
+ svg: svg,
+ mei: data,
+ dirty: dirty
+ });
+ this.currentPage = pageNo;
}
/**
- * Execute an editor action in Verovio.
- * @param {object} editorAction - The action to execute.
- * @param {boolean} [addToUndo=true] - Whether or not to make this action undoable.
- * @returns {boolean}
- */
- function edit (editorAction, addToUndo = true) {
- let currentMEI = getMEI();
- // console.log(editorAction); // Useful for debugging actions
- let value = vrvToolkit.edit(editorAction);
- if (value && addToUndo) {
- undoStack.push(currentMEI);
- redoStack = new Array(0);
- }
- return value;
+ * Get the SVG for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the SVG.
+ */
+ getSVG (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.svg);
+ }).catch((err) => { reject(err); });
+ });
}
- function addStateToUndo () {
- undoStack.push(getMEI());
+ /**
+ * Get the MEI for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the MEI as a string.
+ */
+ getMEI (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.mei);
+ }).catch((err) => { reject(err); });
+ });
}
/**
- * Get additional information on the last editor action from Verovio.
- * @returns {string}
- */
- function info () {
- return vrvToolkit.editInfo();
+ * Get musical element attributes from the verovio toolkit.
+ * @param {string} elementId - The unique ID of the musical element.
+ * @param {number} pageNo - The zero-indexed page number the element is on.
+ * @returns {Promise} A promise that resolves to the attributes in an object.
+ */
+ getElementAttr (elementId, pageNo) {
+ return new Promise((resolve) => {
+ this.loadPage(pageNo).then(() => {
+ resolve(this.vrvToolkit.getElementAttr(elementId));
+ });
+ });
}
/**
- * Undo the last editor action.
- * @returns {boolean}
- */
- function undo () {
- let state = undoStack.pop();
- if (state !== undefined) {
- redoStack.push(getMEI());
- loadData(state);
- return true;
+ * Perform an editor action on a specific page.
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {boolean} If the action succeeded or not.
+ */
+ async edit (editorAction, pageNo) {
+ if (this.currentPage !== pageNo) {
+ await this.loadPage(pageNo);
+ }
+ let currentMEI = this.getMEI(pageNo);
+ let result = this.vrvToolkit.edit(editorAction);
+ if (result) {
+ if (!this.undoStacks.has(pageNo)) {
+ this.undoStacks.set(pageNo, []);
+ }
+ this.undoStacks.get(pageNo).push(await currentMEI);
+ this.redoStacks.set(pageNo, []);
+
+ // Update cache
+ this.neonCache.set(pageNo, {
+ mei: this.vrvToolkit.getMEI(0, true),
+ svg: this.parser.parseFromString(this.vrvToolkit.renderToSVG(1),
+ 'image/svg+xml').documentElement,
+ dirty: true
+ });
+ }
+ return result;
+ }
+
+ /**
+ * Get the edit info string from the verovio toolkit.
+ * @returns {string}
+ */
+ info () {
+ return this.vrvToolkit.editInfo();
+ }
+
+ /**
+ * Undo the last action performed on a specific page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action undone.
+ */
+ undo (pageNo) {
+ if (this.undoStacks.has(pageNo)) {
+ let state = this.undoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.redoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
/**
- * Redo an undone action.
- * @returns {boolean}
- */
- function redo () {
- let state = redoStack.pop();
- if (state !== undefined) {
- undoStack.push(getMEI());
- loadData(state);
- return true;
+ * Redo the last action performed on a page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action was redone or not.
+ */
+ redo (pageNo) {
+ if (this.redoStacks.has(pageNo)) {
+ let state = this.redoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.undoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
- // Constructor reference
- NeonCore.prototype.constructor = NeonCore;
- NeonCore.prototype.loadData = loadData;
- NeonCore.prototype.getSVG = getSVG;
- NeonCore.prototype.getMEI = getMEI;
- NeonCore.prototype.getElementAttr = getElementAttr;
- NeonCore.prototype.edit = edit;
- NeonCore.prototype.info = info;
- NeonCore.prototype.undo = undo;
- NeonCore.prototype.redo = redo;
- NeonCore.prototype.addStateToUndo = addStateToUndo;
+ /**
+ * Update the PouchDb database stored in the browser.
+ * This is based on the data stored in the cache. To save time,
+ * only entries marked as dirty will be updated.
+ */
+ async updateDatabase () {
+ for (let pair of this.neonCache) {
+ let key = pair[0];
+ let value = pair[1];
+ if (value.dirty) {
+ await this.db.get(key.toString()).then((doc) => {
+ doc.data = value.mei;
+ return this.db.put(doc);
+ }).then(() => {
+ console.log('done');
+ value.dirty = false;
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
+ }
+ }
}
export { NeonCore as default };
@@ -163,13 +314,13 @@ Source: NeonCore.js
diff --git a/doc/NeonView.html b/doc/NeonView.html
index 2da4f14a7..faabba9a5 100644
--- a/doc/NeonView.html
+++ b/doc/NeonView.html
@@ -30,6 +30,9 @@ Class: NeonView
NeonView(params)
+ NeonView class. Manages the other modules of Neon and communicates with
+NeonCore.
+
@@ -39,6 +42,8 @@ NeonViewConstructor
+
new NeonView(params)
@@ -49,7 +54,7 @@ new NeonView<
- The class managing DOM objects and the NeonCore class for the application.
+ Constructor for NeonView. Sets mode and passes constructors.
@@ -101,7 +106,7 @@ Parameters:
- An object containing the filenames of the MEI file and background image.
+
Properties
@@ -129,7 +134,7 @@ Properties
- meifilemode
@@ -153,20 +158,20 @@ Properties
- The filename of the MEI file.
+
- bgimgoptions
-string
+object
@@ -184,20 +189,20 @@ Properties
- The filename of the background image.
+
- modeView
-string
+object
@@ -215,20 +220,115 @@ Properties
- The mode to run NeonCore in.
+ Constructor for a View module
- rawDisplay
-string
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for DisplayPanel module
+
+
+
+
+
+
+ Info
+
+
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for InfoModule module
+
+
+
+
+
+
+ Edit
+
+
+object
+
+
+
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+
+
+ Constructor for EditMode module
+
+
+
+
+
+
+ TextView
+
+
+object
@@ -248,7 +348,7 @@ Properties
- If the meifile parameter is actually the raw contents of an MEI file.
+ Constructor for TextView module
@@ -296,20 +396,13 @@ Properties
@@ -331,25 +424,394 @@ Properties
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ deleteDb() → {Promise}
+
+
+
+
+
+
+
+ Deletes the local database of the loaded MEI file(s).
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves when the database is deleted.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ edit(action, pageNo) → {Promise}
+
+
+
+
+
+
+
+ Perform an editor action
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+object
+
+
+
+
+
+
+
+
+
+ The editor toolkit action object.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ action
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the action to perform.
+
+
+
+
+
+
+ param
+
+
+object
+|
+
+array
+
+
+
+
+
+
+
+
+
+ The parameters of the action(s)
+
+
+
+
+
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page number to perform the action on.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+ A promise that resolves to the result of the action.
+
+
+
+
+
+
-
-
-
-
- Methods
@@ -357,7 +819,7 @@ Methods
- (inner) edit(editorAction, addToUndoopt) → {boolean}
+ getElementAttr(elementID, pageNo) → {Promise}
@@ -365,7 +827,7 @@ (inner) edit
- Execute an editor action.
+ Get the attributes for a specific musical element.
@@ -389,12 +851,8 @@ Parameters:
Type
- Attributes
-
- Default
-
Description
@@ -405,74 +863,46 @@ Parameters:
- editorActionelementID
-object
+string
-
-
-
-
-
-
-
-
-
-
-
-
- The editor action.
+ The unique ID of the element.
- addToUndopageNo
-boolean
+number
-
-
- <optional>
-
-
-
-
-
-
-
-
-
- true
-
-
-
- Whether or not to add the action to the undo stack.
+ The zero-indexed page number the ID is found on.
@@ -513,7 +943,7 @@ Parameters:
Parameters:
+
+
Returns:
- If the action succeeded.
+ A promise that resolves to the available attributes.
@@ -551,7 +983,7 @@ Returns:
Returns:
- (inner) loadSvg()
+ getPageMEI(pageNo) → {Promise}
@@ -577,7 +1009,7 @@ (inner) loadS
- Load the SVG and put it in the SVG container.
+ Get the page's MEI file as a string.
@@ -588,6 +1020,55 @@ (inner) loadS
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to get.
+
+
+
+
+
+
+
@@ -621,7 +1102,7 @@ (inner) loadS
(inner) loadS
+Returns:
+
+
+
+ A promise that resolves to the string.
+
+
+
+
+
+
+
+
+
+
@@ -655,7 +1160,7 @@ (inner) loadS
- (inner) loadView()
+ getPageURI(pageNo) → {Promise}
@@ -663,7 +1168,7 @@ (inner) load
- Load the view, including background image and rendered MEI.
+ Get the page's MEI file encoded as a data URI.
@@ -674,6 +1179,55 @@ (inner) load
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to encode.
+
+
+
+
+
+
+
@@ -707,7 +1261,7 @@ (inner) load
(inner) load
+Returns:
+
+
+
+ A promise that resolves to the URI.
+
+
+
+
+
+
+
+
+
+
@@ -741,7 +1319,7 @@ (inner) load
- (inner) redo() → {boolean}
+ getUserMode()
@@ -749,7 +1327,7 @@ (inner) redo
- Redo the last undone action.
+ Get the mode Neon is in: viewer, insert, or edit.
@@ -793,7 +1371,7 @@ (inner) redoSource:
(inner) redoReturns:
-
-
-
-
-
-
-
@@ -845,7 +1407,7 @@ Returns:
- (inner) refreshPage()
+ redo()
@@ -853,7 +1415,7 @@ (inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
- Reset hotkey and panning listeners
+ Save the current state of the MEI file(s) to the browser database.
@@ -983,7 +1547,7 @@ (inner)
Source:
(inner)
Returns:
+
+
+
+ A promise that resolves when the save action is finished.
+
+
+
+
+
+
+
+
+
+
@@ -1017,7 +1605,7 @@ (inner)
(inner) rodanGetMei() → {string}
+ start()
@@ -1025,7 +1613,7 @@ (inner) r
- Get the MEI for use in Rodan.
+ Start Neon
@@ -1069,7 +1657,7 @@ (inner) r
(inner) r
-Returns:
-
-
-
-
-
-
-
@@ -1121,7 +1693,7 @@ Returns:
- (inner) saveMEI()
+ undo()
@@ -1129,7 +1701,7 @@ (inner) saveM
- Save the MEI to a file.
+ Undo the last action performed on the current page (if any)
@@ -1173,7 +1745,7 @@ (inner) saveM
(inner) saveM
+
+
- (inner) undo() → {boolean}
+ updateForCurrentPage()
@@ -1215,7 +1789,8 @@ (inner) undo
- Undo the last action.
+ Get the current page from the loaded view and then display the
+most up to date SVG.
@@ -1259,7 +1834,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
Type:
Type:
Parameters:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
(static) getM
-Returns:
-
-
-
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
(static
(static
+
+
@@ -278,7 +280,7 @@ (stati
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
Type:
Type:
Type:
(inner) Source:
(inner) (inner) redraw
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- Methods
+
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
(static) uns
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
(static)
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
(static)
+
+
@@ -720,7 +779,7 @@ (static)
(static)
+
+
@@ -806,7 +867,7 @@ (static)
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
Type:
(inner) ge
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
(stat
+
+
@@ -797,7 +807,7 @@ (static)
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
+ If an action undone.
+
+
-
@@ -1131,7 +2125,7 @@
Returns:
-(inner) undo() → {boolean}
+(async) updateDatabase()
@@ -1139,7 +2133,9 @@(inner) undo
- Undo the last editor action.
+ Update the PouchDb database stored in the browser.
+This is based on the data stored in the cache. To save time,
+only entries marked as dirty will be updated.
@@ -1183,7 +2179,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
-
@@ -1245,13 +2225,13 @@ Returns:
diff --git a/doc/NeonCore.js.html b/doc/NeonCore.js.html
index ae277d4a0..f99b8ef16 100644
--- a/doc/NeonCore.js.html
+++ b/doc/NeonCore.js.html
@@ -26,130 +26,281 @@ Source: NeonCore.js
- /**
- * Underlying NeonCore class that communicates with Verovio.
- * @constructor
- * @param {string} mei - Contents of the MEI file.
- * @param {object} vrvToolkit - An instantiated Verovio toolkit.
- */
-function NeonCore (mei, vrvToolkit) {
- /// ///////////
- // Constructor
- /// ///////////
- var vrvOptions = {
- noFooter: 1,
- noHeader: 1,
- pageMarginLeft: 0,
- pageMarginTop: 0,
- font: 'Bravura'
- };
- var undoStack = new Array(0);
- var redoStack = new Array(0);
-
- vrvToolkit.setOptions(vrvOptions);
- loadData(mei);
+ import * as Validation from './Validation.js';
+import PouchDb from 'pouchdb';
+
+const verovio = require('verovio-dev');
+/**
+ * The core component of Neon. This manages the database,
+ * the verovio toolkit, the cache, and undo/redo stacks.
+ */
+class NeonCore {
/**
- * Load MEI data into Verovio.
- * @param {string} data - MEI data.
+ * Constructor for NeonCore
+ * @param {Map<number, string>} meiMap - Map of zero-indexed page no to MEI.
+ * @param {string} title - The title of the page or manuscript.
+ * @returns {object} A NeonCore object.
+ */
+ constructor (meiMap, title) {
+ this.vrvToolkit = new verovio.toolkit();
+ this.vrvToolkit.setOptions({
+ inputFormat: 'mei',
+ noFooter: 1,
+ noHeader: 1,
+ pageMarginLeft: 0,
+ pageMarginTop: 0,
+ font: 'Bravura'
+ });
+
+ Validation.init();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be undone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.undoStacks = new Map();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be redone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.redoStacks = new Map();
+
+ /**
+ * A cache entry.
+ * @typedef {Object} CacheEntry
+ * @property {boolean} dirty - If the entry has been modified since being fetched from the database.
+ * @property {string} mei - The MEI data for the page.
+ * @property {SVGSVGElement} svg - The rendered SVG for the page.
*/
- function loadData (data) {
- vrvToolkit.loadData(data);
+
+ /**
+ * A cache mapping a page number to a {@link CacheEntry}.
+ * @type {Map.<number, CacheEntry>}
+ */
+ this.neonCache = new Map();
+
+ this.parser = new DOMParser();
+
+ this.db = new PouchDb(title);
+ // Add each MEI to the database
+ this.meiMap = meiMap;
}
/**
- * Get the SVG from Verovio.
- * @returns {string}
- */
- function getSVG () {
- return vrvToolkit.renderToSVG(1);
+ * Initialize the PouchDb database based on the provided MEI.
+ * This should only be run if previous data does not exist.
+ */
+ async initDb () {
+ for (let pair of this.meiMap) {
+ let key = pair[0];
+ let value = pair[1];
+ await this.db.get(key.toString()).catch((err) => {
+ if (err.name === 'not_found') {
+ // Create new document
+ return {
+ _id: key.toString(),
+ data: ''
+ };
+ } else {
+ throw err;
+ }
+ }).then((doc) => {
+ doc.data = value;
+ return this.db.put(doc);
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
}
/**
- * Get the MEI data from Verovio.
- * @returns {string}
- */
- function getMEI () {
- return vrvToolkit.getMEI(0, true);
+ * Load a page into the verovio toolkit. This will fetch the
+ * page from the cache or from the database.
+ * @param {number} pageNo - The zero-indexed page number to load.
+ * @returns {Promise} A promise that resolves to the cache entry.
+ */
+ loadPage (pageNo) {
+ return new Promise((resolve, reject) => {
+ if (this.currentPage !== pageNo) {
+ if (this.neonCache.has(pageNo)) {
+ this.loadData(pageNo, this.neonCache.get(pageNo).mei);
+ resolve(this.neonCache.get(pageNo));
+ } else {
+ this.db.get(pageNo.toString()).then((doc) => {
+ this.loadData(pageNo, doc.data);
+ resolve(this.neonCache.get(pageNo));
+ }).catch((err) => {
+ reject(err);
+ });
+ }
+ } else {
+ resolve(this.neonCache.get(pageNo));
+ }
+ });
}
/**
- * Get MEI element attributes from Verovio.
- * @param {string} elementId - The ID of the MEI element.
- * @returns {object}
- */
- function getElementAttr (elementId) {
- return vrvToolkit.getElementAttr(elementId);
+ * Load data into the verovio toolkit and update the cache.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @param {string} data - The MEI of the page as a string.
+ * @param {boolean} [dirty] - If the cache entry should be marked as dirty. Defaults to false.
+ */
+ loadData (pageNo, data, dirty = false) {
+ Validation.sendForValidation(data);
+ let svg = this.parser.parseFromString(
+ this.vrvToolkit.renderData(data, {}),
+ 'image/svg+xml'
+ ).documentElement;
+ this.neonCache.set(pageNo, {
+ svg: svg,
+ mei: data,
+ dirty: dirty
+ });
+ this.currentPage = pageNo;
}
/**
- * Execute an editor action in Verovio.
- * @param {object} editorAction - The action to execute.
- * @param {boolean} [addToUndo=true] - Whether or not to make this action undoable.
- * @returns {boolean}
- */
- function edit (editorAction, addToUndo = true) {
- let currentMEI = getMEI();
- // console.log(editorAction); // Useful for debugging actions
- let value = vrvToolkit.edit(editorAction);
- if (value && addToUndo) {
- undoStack.push(currentMEI);
- redoStack = new Array(0);
- }
- return value;
+ * Get the SVG for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the SVG.
+ */
+ getSVG (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.svg);
+ }).catch((err) => { reject(err); });
+ });
}
- function addStateToUndo () {
- undoStack.push(getMEI());
+ /**
+ * Get the MEI for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the MEI as a string.
+ */
+ getMEI (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.mei);
+ }).catch((err) => { reject(err); });
+ });
}
/**
- * Get additional information on the last editor action from Verovio.
- * @returns {string}
- */
- function info () {
- return vrvToolkit.editInfo();
+ * Get musical element attributes from the verovio toolkit.
+ * @param {string} elementId - The unique ID of the musical element.
+ * @param {number} pageNo - The zero-indexed page number the element is on.
+ * @returns {Promise} A promise that resolves to the attributes in an object.
+ */
+ getElementAttr (elementId, pageNo) {
+ return new Promise((resolve) => {
+ this.loadPage(pageNo).then(() => {
+ resolve(this.vrvToolkit.getElementAttr(elementId));
+ });
+ });
}
/**
- * Undo the last editor action.
- * @returns {boolean}
- */
- function undo () {
- let state = undoStack.pop();
- if (state !== undefined) {
- redoStack.push(getMEI());
- loadData(state);
- return true;
+ * Perform an editor action on a specific page.
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {boolean} If the action succeeded or not.
+ */
+ async edit (editorAction, pageNo) {
+ if (this.currentPage !== pageNo) {
+ await this.loadPage(pageNo);
+ }
+ let currentMEI = this.getMEI(pageNo);
+ let result = this.vrvToolkit.edit(editorAction);
+ if (result) {
+ if (!this.undoStacks.has(pageNo)) {
+ this.undoStacks.set(pageNo, []);
+ }
+ this.undoStacks.get(pageNo).push(await currentMEI);
+ this.redoStacks.set(pageNo, []);
+
+ // Update cache
+ this.neonCache.set(pageNo, {
+ mei: this.vrvToolkit.getMEI(0, true),
+ svg: this.parser.parseFromString(this.vrvToolkit.renderToSVG(1),
+ 'image/svg+xml').documentElement,
+ dirty: true
+ });
+ }
+ return result;
+ }
+
+ /**
+ * Get the edit info string from the verovio toolkit.
+ * @returns {string}
+ */
+ info () {
+ return this.vrvToolkit.editInfo();
+ }
+
+ /**
+ * Undo the last action performed on a specific page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action undone.
+ */
+ undo (pageNo) {
+ if (this.undoStacks.has(pageNo)) {
+ let state = this.undoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.redoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
/**
- * Redo an undone action.
- * @returns {boolean}
- */
- function redo () {
- let state = redoStack.pop();
- if (state !== undefined) {
- undoStack.push(getMEI());
- loadData(state);
- return true;
+ * Redo the last action performed on a page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action was redone or not.
+ */
+ redo (pageNo) {
+ if (this.redoStacks.has(pageNo)) {
+ let state = this.redoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.undoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
- // Constructor reference
- NeonCore.prototype.constructor = NeonCore;
- NeonCore.prototype.loadData = loadData;
- NeonCore.prototype.getSVG = getSVG;
- NeonCore.prototype.getMEI = getMEI;
- NeonCore.prototype.getElementAttr = getElementAttr;
- NeonCore.prototype.edit = edit;
- NeonCore.prototype.info = info;
- NeonCore.prototype.undo = undo;
- NeonCore.prototype.redo = redo;
- NeonCore.prototype.addStateToUndo = addStateToUndo;
+ /**
+ * Update the PouchDb database stored in the browser.
+ * This is based on the data stored in the cache. To save time,
+ * only entries marked as dirty will be updated.
+ */
+ async updateDatabase () {
+ for (let pair of this.neonCache) {
+ let key = pair[0];
+ let value = pair[1];
+ if (value.dirty) {
+ await this.db.get(key.toString()).then((doc) => {
+ doc.data = value.mei;
+ return this.db.put(doc);
+ }).then(() => {
+ console.log('done');
+ value.dirty = false;
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
+ }
+ }
}
export { NeonCore as default };
@@ -163,13 +314,13 @@ Source: NeonCore.js
diff --git a/doc/NeonView.html b/doc/NeonView.html
index 2da4f14a7..faabba9a5 100644
--- a/doc/NeonView.html
+++ b/doc/NeonView.html
@@ -30,6 +30,9 @@ Class: NeonView
NeonView(params)
+ NeonView class. Manages the other modules of Neon and communicates with
+NeonCore.
+
@@ -39,6 +42,8 @@ NeonViewConstructor
+
new NeonView(params)
@@ -49,7 +54,7 @@ new NeonView<
- The class managing DOM objects and the NeonCore class for the application.
+ Constructor for NeonView. Sets mode and passes constructors.
@@ -101,7 +106,7 @@ Parameters:
- An object containing the filenames of the MEI file and background image.
+
Properties
@@ -129,7 +134,7 @@ Properties
- meifilemode
@@ -153,20 +158,20 @@ Properties
- The filename of the MEI file.
+
- bgimgoptions
-string
+object
@@ -184,20 +189,20 @@ Properties
- The filename of the background image.
+
- modeView
-string
+object
@@ -215,20 +220,115 @@ Properties
- The mode to run NeonCore in.
+ Constructor for a View module
- rawDisplay
-string
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for DisplayPanel module
+
+
+
+
+
+
+ Info
+
+
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for InfoModule module
+
+
+
+
+
+
+ Edit
+
+
+object
+
+
+
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+
+
+ Constructor for EditMode module
+
+
+
+
+
+
+ TextView
+
+
+object
@@ -248,7 +348,7 @@ Properties
- If the meifile parameter is actually the raw contents of an MEI file.
+ Constructor for TextView module
@@ -296,20 +396,13 @@ Properties
(inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
-
@@ -1245,13 +2225,13 @@ Returns:
diff --git a/doc/NeonCore.js.html b/doc/NeonCore.js.html
index ae277d4a0..f99b8ef16 100644
--- a/doc/NeonCore.js.html
+++ b/doc/NeonCore.js.html
@@ -26,130 +26,281 @@ Source: NeonCore.js
- /**
- * Underlying NeonCore class that communicates with Verovio.
- * @constructor
- * @param {string} mei - Contents of the MEI file.
- * @param {object} vrvToolkit - An instantiated Verovio toolkit.
- */
-function NeonCore (mei, vrvToolkit) {
- /// ///////////
- // Constructor
- /// ///////////
- var vrvOptions = {
- noFooter: 1,
- noHeader: 1,
- pageMarginLeft: 0,
- pageMarginTop: 0,
- font: 'Bravura'
- };
- var undoStack = new Array(0);
- var redoStack = new Array(0);
-
- vrvToolkit.setOptions(vrvOptions);
- loadData(mei);
+ import * as Validation from './Validation.js';
+import PouchDb from 'pouchdb';
+
+const verovio = require('verovio-dev');
+/**
+ * The core component of Neon. This manages the database,
+ * the verovio toolkit, the cache, and undo/redo stacks.
+ */
+class NeonCore {
/**
- * Load MEI data into Verovio.
- * @param {string} data - MEI data.
+ * Constructor for NeonCore
+ * @param {Map<number, string>} meiMap - Map of zero-indexed page no to MEI.
+ * @param {string} title - The title of the page or manuscript.
+ * @returns {object} A NeonCore object.
+ */
+ constructor (meiMap, title) {
+ this.vrvToolkit = new verovio.toolkit();
+ this.vrvToolkit.setOptions({
+ inputFormat: 'mei',
+ noFooter: 1,
+ noHeader: 1,
+ pageMarginLeft: 0,
+ pageMarginTop: 0,
+ font: 'Bravura'
+ });
+
+ Validation.init();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be undone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.undoStacks = new Map();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be redone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.redoStacks = new Map();
+
+ /**
+ * A cache entry.
+ * @typedef {Object} CacheEntry
+ * @property {boolean} dirty - If the entry has been modified since being fetched from the database.
+ * @property {string} mei - The MEI data for the page.
+ * @property {SVGSVGElement} svg - The rendered SVG for the page.
*/
- function loadData (data) {
- vrvToolkit.loadData(data);
+
+ /**
+ * A cache mapping a page number to a {@link CacheEntry}.
+ * @type {Map.<number, CacheEntry>}
+ */
+ this.neonCache = new Map();
+
+ this.parser = new DOMParser();
+
+ this.db = new PouchDb(title);
+ // Add each MEI to the database
+ this.meiMap = meiMap;
}
/**
- * Get the SVG from Verovio.
- * @returns {string}
- */
- function getSVG () {
- return vrvToolkit.renderToSVG(1);
+ * Initialize the PouchDb database based on the provided MEI.
+ * This should only be run if previous data does not exist.
+ */
+ async initDb () {
+ for (let pair of this.meiMap) {
+ let key = pair[0];
+ let value = pair[1];
+ await this.db.get(key.toString()).catch((err) => {
+ if (err.name === 'not_found') {
+ // Create new document
+ return {
+ _id: key.toString(),
+ data: ''
+ };
+ } else {
+ throw err;
+ }
+ }).then((doc) => {
+ doc.data = value;
+ return this.db.put(doc);
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
}
/**
- * Get the MEI data from Verovio.
- * @returns {string}
- */
- function getMEI () {
- return vrvToolkit.getMEI(0, true);
+ * Load a page into the verovio toolkit. This will fetch the
+ * page from the cache or from the database.
+ * @param {number} pageNo - The zero-indexed page number to load.
+ * @returns {Promise} A promise that resolves to the cache entry.
+ */
+ loadPage (pageNo) {
+ return new Promise((resolve, reject) => {
+ if (this.currentPage !== pageNo) {
+ if (this.neonCache.has(pageNo)) {
+ this.loadData(pageNo, this.neonCache.get(pageNo).mei);
+ resolve(this.neonCache.get(pageNo));
+ } else {
+ this.db.get(pageNo.toString()).then((doc) => {
+ this.loadData(pageNo, doc.data);
+ resolve(this.neonCache.get(pageNo));
+ }).catch((err) => {
+ reject(err);
+ });
+ }
+ } else {
+ resolve(this.neonCache.get(pageNo));
+ }
+ });
}
/**
- * Get MEI element attributes from Verovio.
- * @param {string} elementId - The ID of the MEI element.
- * @returns {object}
- */
- function getElementAttr (elementId) {
- return vrvToolkit.getElementAttr(elementId);
+ * Load data into the verovio toolkit and update the cache.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @param {string} data - The MEI of the page as a string.
+ * @param {boolean} [dirty] - If the cache entry should be marked as dirty. Defaults to false.
+ */
+ loadData (pageNo, data, dirty = false) {
+ Validation.sendForValidation(data);
+ let svg = this.parser.parseFromString(
+ this.vrvToolkit.renderData(data, {}),
+ 'image/svg+xml'
+ ).documentElement;
+ this.neonCache.set(pageNo, {
+ svg: svg,
+ mei: data,
+ dirty: dirty
+ });
+ this.currentPage = pageNo;
}
/**
- * Execute an editor action in Verovio.
- * @param {object} editorAction - The action to execute.
- * @param {boolean} [addToUndo=true] - Whether or not to make this action undoable.
- * @returns {boolean}
- */
- function edit (editorAction, addToUndo = true) {
- let currentMEI = getMEI();
- // console.log(editorAction); // Useful for debugging actions
- let value = vrvToolkit.edit(editorAction);
- if (value && addToUndo) {
- undoStack.push(currentMEI);
- redoStack = new Array(0);
- }
- return value;
+ * Get the SVG for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the SVG.
+ */
+ getSVG (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.svg);
+ }).catch((err) => { reject(err); });
+ });
}
- function addStateToUndo () {
- undoStack.push(getMEI());
+ /**
+ * Get the MEI for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the MEI as a string.
+ */
+ getMEI (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.mei);
+ }).catch((err) => { reject(err); });
+ });
}
/**
- * Get additional information on the last editor action from Verovio.
- * @returns {string}
- */
- function info () {
- return vrvToolkit.editInfo();
+ * Get musical element attributes from the verovio toolkit.
+ * @param {string} elementId - The unique ID of the musical element.
+ * @param {number} pageNo - The zero-indexed page number the element is on.
+ * @returns {Promise} A promise that resolves to the attributes in an object.
+ */
+ getElementAttr (elementId, pageNo) {
+ return new Promise((resolve) => {
+ this.loadPage(pageNo).then(() => {
+ resolve(this.vrvToolkit.getElementAttr(elementId));
+ });
+ });
}
/**
- * Undo the last editor action.
- * @returns {boolean}
- */
- function undo () {
- let state = undoStack.pop();
- if (state !== undefined) {
- redoStack.push(getMEI());
- loadData(state);
- return true;
+ * Perform an editor action on a specific page.
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {boolean} If the action succeeded or not.
+ */
+ async edit (editorAction, pageNo) {
+ if (this.currentPage !== pageNo) {
+ await this.loadPage(pageNo);
+ }
+ let currentMEI = this.getMEI(pageNo);
+ let result = this.vrvToolkit.edit(editorAction);
+ if (result) {
+ if (!this.undoStacks.has(pageNo)) {
+ this.undoStacks.set(pageNo, []);
+ }
+ this.undoStacks.get(pageNo).push(await currentMEI);
+ this.redoStacks.set(pageNo, []);
+
+ // Update cache
+ this.neonCache.set(pageNo, {
+ mei: this.vrvToolkit.getMEI(0, true),
+ svg: this.parser.parseFromString(this.vrvToolkit.renderToSVG(1),
+ 'image/svg+xml').documentElement,
+ dirty: true
+ });
+ }
+ return result;
+ }
+
+ /**
+ * Get the edit info string from the verovio toolkit.
+ * @returns {string}
+ */
+ info () {
+ return this.vrvToolkit.editInfo();
+ }
+
+ /**
+ * Undo the last action performed on a specific page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action undone.
+ */
+ undo (pageNo) {
+ if (this.undoStacks.has(pageNo)) {
+ let state = this.undoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.redoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
/**
- * Redo an undone action.
- * @returns {boolean}
- */
- function redo () {
- let state = redoStack.pop();
- if (state !== undefined) {
- undoStack.push(getMEI());
- loadData(state);
- return true;
+ * Redo the last action performed on a page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action was redone or not.
+ */
+ redo (pageNo) {
+ if (this.redoStacks.has(pageNo)) {
+ let state = this.redoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.undoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
- // Constructor reference
- NeonCore.prototype.constructor = NeonCore;
- NeonCore.prototype.loadData = loadData;
- NeonCore.prototype.getSVG = getSVG;
- NeonCore.prototype.getMEI = getMEI;
- NeonCore.prototype.getElementAttr = getElementAttr;
- NeonCore.prototype.edit = edit;
- NeonCore.prototype.info = info;
- NeonCore.prototype.undo = undo;
- NeonCore.prototype.redo = redo;
- NeonCore.prototype.addStateToUndo = addStateToUndo;
+ /**
+ * Update the PouchDb database stored in the browser.
+ * This is based on the data stored in the cache. To save time,
+ * only entries marked as dirty will be updated.
+ */
+ async updateDatabase () {
+ for (let pair of this.neonCache) {
+ let key = pair[0];
+ let value = pair[1];
+ if (value.dirty) {
+ await this.db.get(key.toString()).then((doc) => {
+ doc.data = value.mei;
+ return this.db.put(doc);
+ }).then(() => {
+ console.log('done');
+ value.dirty = false;
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
+ }
+ }
}
export { NeonCore as default };
@@ -163,13 +314,13 @@ Source: NeonCore.js
diff --git a/doc/NeonView.html b/doc/NeonView.html
index 2da4f14a7..faabba9a5 100644
--- a/doc/NeonView.html
+++ b/doc/NeonView.html
@@ -30,6 +30,9 @@ Class: NeonView
NeonView(params)
+ NeonView class. Manages the other modules of Neon and communicates with
+NeonCore.
+
@@ -39,6 +42,8 @@ NeonViewConstructor
+
new NeonView(params)
@@ -49,7 +54,7 @@ new NeonView<
- The class managing DOM objects and the NeonCore class for the application.
+ Constructor for NeonView. Sets mode and passes constructors.
@@ -101,7 +106,7 @@ Parameters:
- An object containing the filenames of the MEI file and background image.
+
Properties
@@ -129,7 +134,7 @@ Properties
- meifilemode
@@ -153,20 +158,20 @@ Properties
- The filename of the MEI file.
+
- bgimgoptions
-string
+object
@@ -184,20 +189,20 @@ Properties
- The filename of the background image.
+
- modeView
-string
+object
@@ -215,20 +220,115 @@ Properties
- The mode to run NeonCore in.
+ Constructor for a View module
- rawDisplay
-string
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for DisplayPanel module
+
+
+
+
+
+
+ Info
+
+
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for InfoModule module
+
+
+
+
+
+
+ Edit
+
+
+object
+
+
+
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+
+
+ Constructor for EditMode module
+
+
+
+
+
+
+ TextView
+
+
+object
@@ -248,7 +348,7 @@ Properties
- If the meifile parameter is actually the raw contents of an MEI file.
+ Constructor for TextView module
@@ -296,20 +396,13 @@ Properties
(inner) undoReturns:
-
-
-
-
-
-
-
-
@@ -1245,13 +2225,13 @@ Returns:
diff --git a/doc/NeonCore.js.html b/doc/NeonCore.js.html
index ae277d4a0..f99b8ef16 100644
--- a/doc/NeonCore.js.html
+++ b/doc/NeonCore.js.html
@@ -26,130 +26,281 @@ Source: NeonCore.js
- /**
- * Underlying NeonCore class that communicates with Verovio.
- * @constructor
- * @param {string} mei - Contents of the MEI file.
- * @param {object} vrvToolkit - An instantiated Verovio toolkit.
- */
-function NeonCore (mei, vrvToolkit) {
- /// ///////////
- // Constructor
- /// ///////////
- var vrvOptions = {
- noFooter: 1,
- noHeader: 1,
- pageMarginLeft: 0,
- pageMarginTop: 0,
- font: 'Bravura'
- };
- var undoStack = new Array(0);
- var redoStack = new Array(0);
-
- vrvToolkit.setOptions(vrvOptions);
- loadData(mei);
+ import * as Validation from './Validation.js';
+import PouchDb from 'pouchdb';
+
+const verovio = require('verovio-dev');
+/**
+ * The core component of Neon. This manages the database,
+ * the verovio toolkit, the cache, and undo/redo stacks.
+ */
+class NeonCore {
/**
- * Load MEI data into Verovio.
- * @param {string} data - MEI data.
+ * Constructor for NeonCore
+ * @param {Map<number, string>} meiMap - Map of zero-indexed page no to MEI.
+ * @param {string} title - The title of the page or manuscript.
+ * @returns {object} A NeonCore object.
+ */
+ constructor (meiMap, title) {
+ this.vrvToolkit = new verovio.toolkit();
+ this.vrvToolkit.setOptions({
+ inputFormat: 'mei',
+ noFooter: 1,
+ noHeader: 1,
+ pageMarginLeft: 0,
+ pageMarginTop: 0,
+ font: 'Bravura'
+ });
+
+ Validation.init();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be undone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.undoStacks = new Map();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be redone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.redoStacks = new Map();
+
+ /**
+ * A cache entry.
+ * @typedef {Object} CacheEntry
+ * @property {boolean} dirty - If the entry has been modified since being fetched from the database.
+ * @property {string} mei - The MEI data for the page.
+ * @property {SVGSVGElement} svg - The rendered SVG for the page.
*/
- function loadData (data) {
- vrvToolkit.loadData(data);
+
+ /**
+ * A cache mapping a page number to a {@link CacheEntry}.
+ * @type {Map.<number, CacheEntry>}
+ */
+ this.neonCache = new Map();
+
+ this.parser = new DOMParser();
+
+ this.db = new PouchDb(title);
+ // Add each MEI to the database
+ this.meiMap = meiMap;
}
/**
- * Get the SVG from Verovio.
- * @returns {string}
- */
- function getSVG () {
- return vrvToolkit.renderToSVG(1);
+ * Initialize the PouchDb database based on the provided MEI.
+ * This should only be run if previous data does not exist.
+ */
+ async initDb () {
+ for (let pair of this.meiMap) {
+ let key = pair[0];
+ let value = pair[1];
+ await this.db.get(key.toString()).catch((err) => {
+ if (err.name === 'not_found') {
+ // Create new document
+ return {
+ _id: key.toString(),
+ data: ''
+ };
+ } else {
+ throw err;
+ }
+ }).then((doc) => {
+ doc.data = value;
+ return this.db.put(doc);
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
}
/**
- * Get the MEI data from Verovio.
- * @returns {string}
- */
- function getMEI () {
- return vrvToolkit.getMEI(0, true);
+ * Load a page into the verovio toolkit. This will fetch the
+ * page from the cache or from the database.
+ * @param {number} pageNo - The zero-indexed page number to load.
+ * @returns {Promise} A promise that resolves to the cache entry.
+ */
+ loadPage (pageNo) {
+ return new Promise((resolve, reject) => {
+ if (this.currentPage !== pageNo) {
+ if (this.neonCache.has(pageNo)) {
+ this.loadData(pageNo, this.neonCache.get(pageNo).mei);
+ resolve(this.neonCache.get(pageNo));
+ } else {
+ this.db.get(pageNo.toString()).then((doc) => {
+ this.loadData(pageNo, doc.data);
+ resolve(this.neonCache.get(pageNo));
+ }).catch((err) => {
+ reject(err);
+ });
+ }
+ } else {
+ resolve(this.neonCache.get(pageNo));
+ }
+ });
}
/**
- * Get MEI element attributes from Verovio.
- * @param {string} elementId - The ID of the MEI element.
- * @returns {object}
- */
- function getElementAttr (elementId) {
- return vrvToolkit.getElementAttr(elementId);
+ * Load data into the verovio toolkit and update the cache.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @param {string} data - The MEI of the page as a string.
+ * @param {boolean} [dirty] - If the cache entry should be marked as dirty. Defaults to false.
+ */
+ loadData (pageNo, data, dirty = false) {
+ Validation.sendForValidation(data);
+ let svg = this.parser.parseFromString(
+ this.vrvToolkit.renderData(data, {}),
+ 'image/svg+xml'
+ ).documentElement;
+ this.neonCache.set(pageNo, {
+ svg: svg,
+ mei: data,
+ dirty: dirty
+ });
+ this.currentPage = pageNo;
}
/**
- * Execute an editor action in Verovio.
- * @param {object} editorAction - The action to execute.
- * @param {boolean} [addToUndo=true] - Whether or not to make this action undoable.
- * @returns {boolean}
- */
- function edit (editorAction, addToUndo = true) {
- let currentMEI = getMEI();
- // console.log(editorAction); // Useful for debugging actions
- let value = vrvToolkit.edit(editorAction);
- if (value && addToUndo) {
- undoStack.push(currentMEI);
- redoStack = new Array(0);
- }
- return value;
+ * Get the SVG for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the SVG.
+ */
+ getSVG (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.svg);
+ }).catch((err) => { reject(err); });
+ });
}
- function addStateToUndo () {
- undoStack.push(getMEI());
+ /**
+ * Get the MEI for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the MEI as a string.
+ */
+ getMEI (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.mei);
+ }).catch((err) => { reject(err); });
+ });
}
/**
- * Get additional information on the last editor action from Verovio.
- * @returns {string}
- */
- function info () {
- return vrvToolkit.editInfo();
+ * Get musical element attributes from the verovio toolkit.
+ * @param {string} elementId - The unique ID of the musical element.
+ * @param {number} pageNo - The zero-indexed page number the element is on.
+ * @returns {Promise} A promise that resolves to the attributes in an object.
+ */
+ getElementAttr (elementId, pageNo) {
+ return new Promise((resolve) => {
+ this.loadPage(pageNo).then(() => {
+ resolve(this.vrvToolkit.getElementAttr(elementId));
+ });
+ });
}
/**
- * Undo the last editor action.
- * @returns {boolean}
- */
- function undo () {
- let state = undoStack.pop();
- if (state !== undefined) {
- redoStack.push(getMEI());
- loadData(state);
- return true;
+ * Perform an editor action on a specific page.
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {boolean} If the action succeeded or not.
+ */
+ async edit (editorAction, pageNo) {
+ if (this.currentPage !== pageNo) {
+ await this.loadPage(pageNo);
+ }
+ let currentMEI = this.getMEI(pageNo);
+ let result = this.vrvToolkit.edit(editorAction);
+ if (result) {
+ if (!this.undoStacks.has(pageNo)) {
+ this.undoStacks.set(pageNo, []);
+ }
+ this.undoStacks.get(pageNo).push(await currentMEI);
+ this.redoStacks.set(pageNo, []);
+
+ // Update cache
+ this.neonCache.set(pageNo, {
+ mei: this.vrvToolkit.getMEI(0, true),
+ svg: this.parser.parseFromString(this.vrvToolkit.renderToSVG(1),
+ 'image/svg+xml').documentElement,
+ dirty: true
+ });
+ }
+ return result;
+ }
+
+ /**
+ * Get the edit info string from the verovio toolkit.
+ * @returns {string}
+ */
+ info () {
+ return this.vrvToolkit.editInfo();
+ }
+
+ /**
+ * Undo the last action performed on a specific page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action undone.
+ */
+ undo (pageNo) {
+ if (this.undoStacks.has(pageNo)) {
+ let state = this.undoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.redoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
/**
- * Redo an undone action.
- * @returns {boolean}
- */
- function redo () {
- let state = redoStack.pop();
- if (state !== undefined) {
- undoStack.push(getMEI());
- loadData(state);
- return true;
+ * Redo the last action performed on a page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action was redone or not.
+ */
+ redo (pageNo) {
+ if (this.redoStacks.has(pageNo)) {
+ let state = this.redoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.undoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
- // Constructor reference
- NeonCore.prototype.constructor = NeonCore;
- NeonCore.prototype.loadData = loadData;
- NeonCore.prototype.getSVG = getSVG;
- NeonCore.prototype.getMEI = getMEI;
- NeonCore.prototype.getElementAttr = getElementAttr;
- NeonCore.prototype.edit = edit;
- NeonCore.prototype.info = info;
- NeonCore.prototype.undo = undo;
- NeonCore.prototype.redo = redo;
- NeonCore.prototype.addStateToUndo = addStateToUndo;
+ /**
+ * Update the PouchDb database stored in the browser.
+ * This is based on the data stored in the cache. To save time,
+ * only entries marked as dirty will be updated.
+ */
+ async updateDatabase () {
+ for (let pair of this.neonCache) {
+ let key = pair[0];
+ let value = pair[1];
+ if (value.dirty) {
+ await this.db.get(key.toString()).then((doc) => {
+ doc.data = value.mei;
+ return this.db.put(doc);
+ }).then(() => {
+ console.log('done');
+ value.dirty = false;
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
+ }
+ }
}
export { NeonCore as default };
@@ -163,13 +314,13 @@ Source: NeonCore.js
diff --git a/doc/NeonView.html b/doc/NeonView.html
index 2da4f14a7..faabba9a5 100644
--- a/doc/NeonView.html
+++ b/doc/NeonView.html
@@ -30,6 +30,9 @@ Class: NeonView
NeonView(params)
+ NeonView class. Manages the other modules of Neon and communicates with
+NeonCore.
+
@@ -39,6 +42,8 @@ NeonViewConstructor
+
new NeonView(params)
@@ -49,7 +54,7 @@ new NeonView<
- The class managing DOM objects and the NeonCore class for the application.
+ Constructor for NeonView. Sets mode and passes constructors.
@@ -101,7 +106,7 @@ Parameters:
- An object containing the filenames of the MEI file and background image.
+
Properties
@@ -129,7 +134,7 @@ Properties
- meifilemode
@@ -153,20 +158,20 @@ Properties
- The filename of the MEI file.
+
- bgimgoptions
-string
+object
@@ -184,20 +189,20 @@ Properties
- The filename of the background image.
+
- modeView
-string
+object
@@ -215,20 +220,115 @@ Properties
- The mode to run NeonCore in.
+ Constructor for a View module
- rawDisplay
-string
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for DisplayPanel module
+
+
+
+
+
+
+ Info
+
+
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for InfoModule module
+
+
+
+
+
+
+ Edit
+
+
+object
+
+
+
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+
+
+ Constructor for EditMode module
+
+
+
+
+
+
+ TextView
+
+
+object
@@ -248,7 +348,7 @@ Properties
- If the meifile parameter is actually the raw contents of an MEI file.
+ Constructor for TextView module
@@ -296,20 +396,13 @@ Properties
-
-
Returns:
diff --git a/doc/NeonCore.js.html b/doc/NeonCore.js.html index ae277d4a0..f99b8ef16 100644 --- a/doc/NeonCore.js.html +++ b/doc/NeonCore.js.html @@ -26,130 +26,281 @@
Source: NeonCore.js
/**
- * Underlying NeonCore class that communicates with Verovio.
- * @constructor
- * @param {string} mei - Contents of the MEI file.
- * @param {object} vrvToolkit - An instantiated Verovio toolkit.
- */
-function NeonCore (mei, vrvToolkit) {
- /// ///////////
- // Constructor
- /// ///////////
- var vrvOptions = {
- noFooter: 1,
- noHeader: 1,
- pageMarginLeft: 0,
- pageMarginTop: 0,
- font: 'Bravura'
- };
- var undoStack = new Array(0);
- var redoStack = new Array(0);
-
- vrvToolkit.setOptions(vrvOptions);
- loadData(mei);
+ import * as Validation from './Validation.js';
+import PouchDb from 'pouchdb';
+
+const verovio = require('verovio-dev');
+/**
+ * The core component of Neon. This manages the database,
+ * the verovio toolkit, the cache, and undo/redo stacks.
+ */
+class NeonCore {
/**
- * Load MEI data into Verovio.
- * @param {string} data - MEI data.
+ * Constructor for NeonCore
+ * @param {Map<number, string>} meiMap - Map of zero-indexed page no to MEI.
+ * @param {string} title - The title of the page or manuscript.
+ * @returns {object} A NeonCore object.
+ */
+ constructor (meiMap, title) {
+ this.vrvToolkit = new verovio.toolkit();
+ this.vrvToolkit.setOptions({
+ inputFormat: 'mei',
+ noFooter: 1,
+ noHeader: 1,
+ pageMarginLeft: 0,
+ pageMarginTop: 0,
+ font: 'Bravura'
+ });
+
+ Validation.init();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be undone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.undoStacks = new Map();
+
+ /**
+ * Stacks of previous MEI files representing actions that can be redone for each page.
+ * @type {Map.<number, Array.<string>>}
+ */
+ this.redoStacks = new Map();
+
+ /**
+ * A cache entry.
+ * @typedef {Object} CacheEntry
+ * @property {boolean} dirty - If the entry has been modified since being fetched from the database.
+ * @property {string} mei - The MEI data for the page.
+ * @property {SVGSVGElement} svg - The rendered SVG for the page.
*/
- function loadData (data) {
- vrvToolkit.loadData(data);
+
+ /**
+ * A cache mapping a page number to a {@link CacheEntry}.
+ * @type {Map.<number, CacheEntry>}
+ */
+ this.neonCache = new Map();
+
+ this.parser = new DOMParser();
+
+ this.db = new PouchDb(title);
+ // Add each MEI to the database
+ this.meiMap = meiMap;
}
/**
- * Get the SVG from Verovio.
- * @returns {string}
- */
- function getSVG () {
- return vrvToolkit.renderToSVG(1);
+ * Initialize the PouchDb database based on the provided MEI.
+ * This should only be run if previous data does not exist.
+ */
+ async initDb () {
+ for (let pair of this.meiMap) {
+ let key = pair[0];
+ let value = pair[1];
+ await this.db.get(key.toString()).catch((err) => {
+ if (err.name === 'not_found') {
+ // Create new document
+ return {
+ _id: key.toString(),
+ data: ''
+ };
+ } else {
+ throw err;
+ }
+ }).then((doc) => {
+ doc.data = value;
+ return this.db.put(doc);
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
}
/**
- * Get the MEI data from Verovio.
- * @returns {string}
- */
- function getMEI () {
- return vrvToolkit.getMEI(0, true);
+ * Load a page into the verovio toolkit. This will fetch the
+ * page from the cache or from the database.
+ * @param {number} pageNo - The zero-indexed page number to load.
+ * @returns {Promise} A promise that resolves to the cache entry.
+ */
+ loadPage (pageNo) {
+ return new Promise((resolve, reject) => {
+ if (this.currentPage !== pageNo) {
+ if (this.neonCache.has(pageNo)) {
+ this.loadData(pageNo, this.neonCache.get(pageNo).mei);
+ resolve(this.neonCache.get(pageNo));
+ } else {
+ this.db.get(pageNo.toString()).then((doc) => {
+ this.loadData(pageNo, doc.data);
+ resolve(this.neonCache.get(pageNo));
+ }).catch((err) => {
+ reject(err);
+ });
+ }
+ } else {
+ resolve(this.neonCache.get(pageNo));
+ }
+ });
}
/**
- * Get MEI element attributes from Verovio.
- * @param {string} elementId - The ID of the MEI element.
- * @returns {object}
- */
- function getElementAttr (elementId) {
- return vrvToolkit.getElementAttr(elementId);
+ * Load data into the verovio toolkit and update the cache.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @param {string} data - The MEI of the page as a string.
+ * @param {boolean} [dirty] - If the cache entry should be marked as dirty. Defaults to false.
+ */
+ loadData (pageNo, data, dirty = false) {
+ Validation.sendForValidation(data);
+ let svg = this.parser.parseFromString(
+ this.vrvToolkit.renderData(data, {}),
+ 'image/svg+xml'
+ ).documentElement;
+ this.neonCache.set(pageNo, {
+ svg: svg,
+ mei: data,
+ dirty: dirty
+ });
+ this.currentPage = pageNo;
}
/**
- * Execute an editor action in Verovio.
- * @param {object} editorAction - The action to execute.
- * @param {boolean} [addToUndo=true] - Whether or not to make this action undoable.
- * @returns {boolean}
- */
- function edit (editorAction, addToUndo = true) {
- let currentMEI = getMEI();
- // console.log(editorAction); // Useful for debugging actions
- let value = vrvToolkit.edit(editorAction);
- if (value && addToUndo) {
- undoStack.push(currentMEI);
- redoStack = new Array(0);
- }
- return value;
+ * Get the SVG for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the SVG.
+ */
+ getSVG (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.svg);
+ }).catch((err) => { reject(err); });
+ });
}
- function addStateToUndo () {
- undoStack.push(getMEI());
+ /**
+ * Get the MEI for a specific page number.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {Promise} A promise that resolves to the MEI as a string.
+ */
+ getMEI (pageNo) {
+ return new Promise((resolve, reject) => {
+ this.loadPage(pageNo).then((entry) => {
+ resolve(entry.mei);
+ }).catch((err) => { reject(err); });
+ });
}
/**
- * Get additional information on the last editor action from Verovio.
- * @returns {string}
- */
- function info () {
- return vrvToolkit.editInfo();
+ * Get musical element attributes from the verovio toolkit.
+ * @param {string} elementId - The unique ID of the musical element.
+ * @param {number} pageNo - The zero-indexed page number the element is on.
+ * @returns {Promise} A promise that resolves to the attributes in an object.
+ */
+ getElementAttr (elementId, pageNo) {
+ return new Promise((resolve) => {
+ this.loadPage(pageNo).then(() => {
+ resolve(this.vrvToolkit.getElementAttr(elementId));
+ });
+ });
}
/**
- * Undo the last editor action.
- * @returns {boolean}
- */
- function undo () {
- let state = undoStack.pop();
- if (state !== undefined) {
- redoStack.push(getMEI());
- loadData(state);
- return true;
+ * Perform an editor action on a specific page.
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {boolean} If the action succeeded or not.
+ */
+ async edit (editorAction, pageNo) {
+ if (this.currentPage !== pageNo) {
+ await this.loadPage(pageNo);
+ }
+ let currentMEI = this.getMEI(pageNo);
+ let result = this.vrvToolkit.edit(editorAction);
+ if (result) {
+ if (!this.undoStacks.has(pageNo)) {
+ this.undoStacks.set(pageNo, []);
+ }
+ this.undoStacks.get(pageNo).push(await currentMEI);
+ this.redoStacks.set(pageNo, []);
+
+ // Update cache
+ this.neonCache.set(pageNo, {
+ mei: this.vrvToolkit.getMEI(0, true),
+ svg: this.parser.parseFromString(this.vrvToolkit.renderToSVG(1),
+ 'image/svg+xml').documentElement,
+ dirty: true
+ });
+ }
+ return result;
+ }
+
+ /**
+ * Get the edit info string from the verovio toolkit.
+ * @returns {string}
+ */
+ info () {
+ return this.vrvToolkit.editInfo();
+ }
+
+ /**
+ * Undo the last action performed on a specific page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action undone.
+ */
+ undo (pageNo) {
+ if (this.undoStacks.has(pageNo)) {
+ let state = this.undoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.redoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
/**
- * Redo an undone action.
- * @returns {boolean}
- */
- function redo () {
- let state = redoStack.pop();
- if (state !== undefined) {
- undoStack.push(getMEI());
- loadData(state);
- return true;
+ * Redo the last action performed on a page.
+ * @param {number} pageNo - The zero-indexed page number.
+ * @returns {boolean} If an action was redone or not.
+ */
+ redo (pageNo) {
+ if (this.redoStacks.has(pageNo)) {
+ let state = this.redoStacks.get(pageNo).pop();
+ if (state !== undefined) {
+ this.getMEI(0).then((mei) => {
+ this.undoStacks.get(pageNo).push(mei);
+ });
+ this.loadData(pageNo, state, true);
+ return true;
+ }
}
return false;
}
- // Constructor reference
- NeonCore.prototype.constructor = NeonCore;
- NeonCore.prototype.loadData = loadData;
- NeonCore.prototype.getSVG = getSVG;
- NeonCore.prototype.getMEI = getMEI;
- NeonCore.prototype.getElementAttr = getElementAttr;
- NeonCore.prototype.edit = edit;
- NeonCore.prototype.info = info;
- NeonCore.prototype.undo = undo;
- NeonCore.prototype.redo = redo;
- NeonCore.prototype.addStateToUndo = addStateToUndo;
+ /**
+ * Update the PouchDb database stored in the browser.
+ * This is based on the data stored in the cache. To save time,
+ * only entries marked as dirty will be updated.
+ */
+ async updateDatabase () {
+ for (let pair of this.neonCache) {
+ let key = pair[0];
+ let value = pair[1];
+ if (value.dirty) {
+ await this.db.get(key.toString()).then((doc) => {
+ doc.data = value.mei;
+ return this.db.put(doc);
+ }).then(() => {
+ console.log('done');
+ value.dirty = false;
+ }).catch((err) => {
+ console.error(err);
+ });
+ }
+ }
+ }
}
export { NeonCore as default };
@@ -163,13 +314,13 @@ Source: NeonCore.js
diff --git a/doc/NeonView.html b/doc/NeonView.html
index 2da4f14a7..faabba9a5 100644
--- a/doc/NeonView.html
+++ b/doc/NeonView.html
@@ -30,6 +30,9 @@ Class: NeonView
NeonView(params)
+ NeonView class. Manages the other modules of Neon and communicates with
+NeonCore.
+
@@ -39,6 +42,8 @@ NeonViewConstructor
+
new NeonView(params)
@@ -49,7 +54,7 @@ new NeonView<
- The class managing DOM objects and the NeonCore class for the application.
+ Constructor for NeonView. Sets mode and passes constructors.
@@ -101,7 +106,7 @@ Parameters:
- An object containing the filenames of the MEI file and background image.
+
Properties
@@ -129,7 +134,7 @@ Properties
- meifilemode
@@ -153,20 +158,20 @@ Properties
- The filename of the MEI file.
+
- bgimgoptions
-string
+object
@@ -184,20 +189,20 @@ Properties
- The filename of the background image.
+
- modeView
-string
+object
@@ -215,20 +220,115 @@ Properties
- The mode to run NeonCore in.
+ Constructor for a View module
- rawDisplay
-string
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for DisplayPanel module
+
+
+
+
+
+
+ Info
+
+
+object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Constructor for InfoModule module
+
+
+
+
+
+
+ Edit
+
+
+object
+
+
+
+
+
+
+
+
+ <optional>
+
+
+
+
+
+
+
+
+
+
+ Constructor for EditMode module
+
+
+
+
+
+
+ TextView
+
+
+object
@@ -248,7 +348,7 @@ Properties
- If the meifile parameter is actually the raw contents of an MEI file.
+ Constructor for TextView module
@@ -296,20 +396,13 @@ Properties
Properties
+ + - + + + + + + + + + + + + + + + +Methods
+ + + + + + + +deleteDb() → {Promise}
+ + + + + + +
+ Deletes the local database of the loaded MEI file(s).
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Returns:
+ + +
+ A promise that resolves when the database is deleted.
+
+
+
+
+-
+
edit(action, pageNo) → {Promise}
+ + + + + + +
+ Perform an editor action
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+ + +| Name | + + +Type | + + + + + +Description | +|||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
action |
+
+
+ + + +object + + + + | + + + + + +The editor toolkit action object.
+ Properties+ + +
|
+ |||||||||
pageNo |
+
+
+ + + +number + + + + | + + + + + +The zero-indexed page number to perform the action on. | +
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Returns:
+ + +
+ A promise that resolves to the result of the action.
+
+
+
+
+-
+
Methods
@@ -357,7 +819,7 @@Methods
-(inner) edit(editorAction, addToUndoopt) → {boolean}
+getElementAttr(elementID, pageNo) → {Promise}
@@ -365,7 +827,7 @@(inner) edit
- Execute an editor action.
+ Get the attributes for a specific musical element.
@@ -389,12 +851,8 @@ Parameters:
Type
- Attributes
-
- Default
-
Description
@@ -405,74 +863,46 @@ Parameters:
- editorActionelementID
-object
+string
-
-
-
-
-
-
-
-
-
-
-
-
- The editor action.
+ The unique ID of the element.
- addToUndopageNo
-boolean
+number
-
-
- <optional>
-
-
-
-
-
-
-
-
-
- true
-
-
-
- Whether or not to add the action to the undo stack.
+ The zero-indexed page number the ID is found on.
@@ -513,7 +943,7 @@ Parameters:
Parameters:
+
+
Returns:
- If the action succeeded.
+ A promise that resolves to the available attributes.
@@ -551,7 +983,7 @@ Returns:
Returns:
- (inner) loadSvg()
+ getPageMEI(pageNo) → {Promise}
@@ -577,7 +1009,7 @@ (inner) loadS
- Load the SVG and put it in the SVG container.
+ Get the page's MEI file as a string.
@@ -588,6 +1020,55 @@ (inner) loadS
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to get.
+
+
+
+
+
+
+
@@ -621,7 +1102,7 @@ (inner) loadS
(inner) loadS
+Returns:
+
+
+
+ A promise that resolves to the string.
+
+
+
+
+
+
+
+
+
+
@@ -655,7 +1160,7 @@ (inner) loadS
- (inner) loadView()
+ getPageURI(pageNo) → {Promise}
@@ -663,7 +1168,7 @@ (inner) load
- Load the view, including background image and rendered MEI.
+ Get the page's MEI file encoded as a data URI.
@@ -674,6 +1179,55 @@ (inner) load
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ pageNo
+
+
+number
+
+
+
+
+
+
+
+
+
+ The zero-indexed page to encode.
+
+
+
+
+
+
+
@@ -707,7 +1261,7 @@ (inner) load
(inner) load
+Returns:
+
+
+
+ A promise that resolves to the URI.
+
+
+
+
+
+
+
+
+
+
@@ -741,7 +1319,7 @@ (inner) load
- (inner) redo() → {boolean}
+ getUserMode()
@@ -749,7 +1327,7 @@ (inner) redo
- Redo the last undone action.
+ Get the mode Neon is in: viewer, insert, or edit.
@@ -793,7 +1371,7 @@ (inner) redoSource:
(inner) redoReturns:
-
-
-
-
-
-
-
@@ -845,7 +1407,7 @@ Returns:
- (inner) refreshPage()
+ redo()
@@ -853,7 +1415,7 @@ (inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
- Reset hotkey and panning listeners
+ Save the current state of the MEI file(s) to the browser database.
@@ -983,7 +1547,7 @@ (inner)
Source:
(inner)
Returns:
+
+
+
+ A promise that resolves when the save action is finished.
+
+
+
+
+
+
+
+
+
+
@@ -1017,7 +1605,7 @@ (inner)
(inner) rodanGetMei() → {string}
+ Parameters:
Parameters:
editorActionelementIDaddToUndopageNo- - - - - -
Parameters:
Parameters:
+ +Returns:
- If the action succeeded.
+ A promise that resolves to the available attributes.
@@ -551,7 +983,7 @@ Returns:
Returns:
-(inner) loadSvg()
+getPageMEI(pageNo) → {Promise}
@@ -577,7 +1009,7 @@(inner) loadS
- Load the SVG and put it in the SVG container.
+ Get the page's MEI file as a string.
@@ -588,6 +1020,55 @@ (inner) loadS
+ Parameters:
+
+
+
Parameters:
+ + +| Name | + + +Type | + + + + + +Description | +
|---|---|---|
pageNo |
+
+
+ + + +number + + + + | + + + + + +The zero-indexed page to get. | +
(inner) loadS
(inner) loadS
+Returns:
+
+
+
+ A promise that resolves to the string.
+
+
+
+
+
+
+
+
+
+
@@ -655,7 +1160,7 @@ (inner) loadS
- (inner) loadView()
+ getPageURI(pageNo) → {Promise}
@@ -663,7 +1168,7 @@ (inner) load
- Load the view, including background image and rendered MEI.
+ Get the page's MEI file encoded as a data URI.
@@ -674,6 +1179,55 @@ (inner) load
+ Parameters:
+
+
+
Returns:
+ + +
+ A promise that resolves to the string.
+
+
+
+
+-
+
(inner) loadS
- (inner) loadView()
+ getPageURI(pageNo) → {Promise}
@@ -663,7 +1168,7 @@ (inner) load
- Load the view, including background image and rendered MEI.
+ Get the page's MEI file encoded as a data URI.
@@ -674,6 +1179,55 @@ (inner) load
+ Parameters:
+
+
+
- Load the view, including background image and rendered MEI.
+ Get the page's MEI file encoded as a data URI.
@@ -674,6 +1179,55 @@ (inner) load
+ Parameters:
+
+
+
| Name | + + +Type | + + + + + +Description | +
|---|---|---|
pageNo |
+
+
+ + + +number + + + + | + + + + + +The zero-indexed page to encode. | +
(inner) load
(inner) load
+Returns:
+
+
+
+ A promise that resolves to the URI.
+
+
+
+
+
+
+
+
+
+
@@ -741,7 +1319,7 @@ (inner) load
- (inner) redo() → {boolean}
+ getUserMode()
@@ -749,7 +1327,7 @@ (inner) redo
- Redo the last undone action.
+ Get the mode Neon is in: viewer, insert, or edit.
@@ -793,7 +1371,7 @@ (inner) redoSource:
(inner) redoReturns:
-
-
-
-
-
-
-
@@ -845,7 +1407,7 @@ Returns:
- (inner) refreshPage()
+ redo()
@@ -853,7 +1415,7 @@ (inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
- Reset hotkey and panning listeners
+ Save the current state of the MEI file(s) to the browser database.
@@ -983,7 +1547,7 @@ (inner)
Source:
(inner)
Returns:
+
+
+
+ A promise that resolves when the save action is finished.
+
+
+
+
+
+
+
+
+
+
@@ -1017,7 +1605,7 @@ (inner)
Returns:
+ + +
+ A promise that resolves to the URI.
+
+
+
+
+-
+
(inner) load
- (inner) redo() → {boolean}
+ getUserMode()
@@ -749,7 +1327,7 @@ (inner) redo
- Redo the last undone action.
+ Get the mode Neon is in: viewer, insert, or edit.
@@ -793,7 +1371,7 @@ (inner) redoSource:
(inner) redoReturns:
-
-
-
-
-
-
-
@@ -845,7 +1407,7 @@ Returns:
- (inner) refreshPage()
+ redo()
@@ -853,7 +1415,7 @@ (inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
- Reset hotkey and panning listeners
+ Save the current state of the MEI file(s) to the browser database.
@@ -983,7 +1547,7 @@ (inner)
Source:
(inner)
Returns:
+
+
+
+ A promise that resolves when the save action is finished.
+
+
+
+
+
+
+
+
+
+
@@ -1017,7 +1605,7 @@ (inner)
(inner) redoSource:
(inner) redoReturns:
-
-
-
-
-
-
-
@@ -845,7 +1407,7 @@ Returns:
- (inner) refreshPage()
+ redo()
@@ -853,7 +1415,7 @@ (inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
- Reset hotkey and panning listeners
+ Save the current state of the MEI file(s) to the browser database.
@@ -983,7 +1547,7 @@ (inner)
Source:
(inner)
(inner) redoReturns:
-
-
-
-
-
-
-
@@ -845,7 +1407,7 @@ Returns:
- (inner) refreshPage()
+ redo()
@@ -853,7 +1415,7 @@ (inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
- Reset hotkey and panning listeners
+ Save the current state of the MEI file(s) to the browser database.
@@ -983,7 +1547,7 @@ (inner)
-
-
Returns:
-(inner) refreshPage()
+redo()
@@ -853,7 +1415,7 @@(inner) r
- Refresh the page, often after an editor action.
+ Redo an action performed on the current page (if any)
@@ -897,7 +1459,7 @@ (inner) r
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
(inner) r
+
+
- (inner) resetListeners()
+ save() → {Promise}
@@ -939,7 +1503,7 @@ (inner)
+ A promise that resolves when the save action is finished.
+
+
+
+
+-
+
(inner)
start()
@@ -1025,7 +1613,7 @@(inner) r
- Get the MEI for use in Rodan.
+ Start Neon
@@ -1069,7 +1657,7 @@ (inner) r
(inner) r
-Returns:
-
-
-
-
-
-
-
@@ -1121,7 +1693,7 @@ Returns:
- (inner) saveMEI()
+ undo()
@@ -1129,7 +1701,7 @@ (inner) saveM
- Save the MEI to a file.
+ Undo the last action performed on the current page (if any)
@@ -1173,7 +1745,7 @@ (inner) saveM
(inner) saveM
+
+
- (inner) undo() → {boolean}
+ updateForCurrentPage()
@@ -1215,7 +1789,8 @@ (inner) undo
- Undo the last action.
+ Get the current page from the loaded view and then display the
+most up to date SVG.
@@ -1259,7 +1834,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
Type:
Type:
Parameters:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
(static) getM
-Returns:
-
-
-
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
(static
(static
+
+
@@ -278,7 +280,7 @@ (stati
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
Type:
Type:
Type:
(inner) Source:
(inner) (inner) redraw
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- Methods
+
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
(static) uns
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
(static)
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
(static)
+
+
@@ -720,7 +779,7 @@ (static)
(static)
+
+
@@ -806,7 +867,7 @@ (static)
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
Type:
(inner) ge
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
(stat
+
+
@@ -797,7 +807,7 @@ (static)
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
(inner) r
-Returns:
-
-
-
-
-
-
-
@@ -1121,7 +1693,7 @@ Returns:
- (inner) saveMEI()
+ undo()
@@ -1129,7 +1701,7 @@ (inner) saveM
- Save the MEI to a file.
+ Undo the last action performed on the current page (if any)
@@ -1173,7 +1745,7 @@ (inner) saveM
(inner) saveM
+
+
- (inner) undo() → {boolean}
+ updateForCurrentPage()
@@ -1215,7 +1789,8 @@ (inner) undo
- Undo the last action.
+ Get the current page from the loaded view and then display the
+most up to date SVG.
@@ -1259,7 +1834,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
Type:
Type:
Parameters:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
(static) getM
-Returns:
-
-
-
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
(static
(static
+
+
@@ -278,7 +280,7 @@ (stati
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
Type:
Type:
Type:
(inner) Source:
(inner) (inner) redraw
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- Methods
+
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
(static) uns
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
(static)
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
(static)
+
+
@@ -720,7 +779,7 @@ (static)
(static)
+
+
@@ -806,7 +867,7 @@ (static)
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
Type:
(inner) ge
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
(stat
+
+
@@ -797,7 +807,7 @@ (static)
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
- Save the MEI to a file.
+ Undo the last action performed on the current page (if any)
@@ -1173,7 +1745,7 @@ (inner) saveM
(inner) saveM
+
+
- (inner) undo() → {boolean}
+ updateForCurrentPage()
@@ -1215,7 +1789,8 @@ (inner) undo
- Undo the last action.
+ Get the current page from the loaded view and then display the
+most up to date SVG.
@@ -1259,7 +1834,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
Type:
Type:
Parameters:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
(static) getM
-Returns:
-
-
-
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
(static
(static
+
+
@@ -278,7 +280,7 @@ (stati
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
Type:
Type:
Type:
(inner) Source:
(inner) (inner) redraw
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- Methods
+
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
(static) uns
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
(static)
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
(static)
+
+
@@ -720,7 +779,7 @@ (static)
(static)
+
+
@@ -806,7 +867,7 @@ (static)
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
Type:
(inner) ge
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
(stat
+
+
@@ -797,7 +807,7 @@ (static)
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
(inner) undo() → {boolean}
+updateForCurrentPage()
@@ -1215,7 +1789,8 @@(inner) undo
- Undo the last action.
+ Get the current page from the loaded view and then display the
+most up to date SVG.
@@ -1259,7 +1834,7 @@ (inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
Type:
Type:
Parameters:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
(static) getM
-Returns:
-
-
-
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
(static
(static
+
+
@@ -278,7 +280,7 @@ (stati
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
Type:
Type:
Type:
(inner) Source:
(inner) (inner) redraw
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- Methods
+
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
(static) uns
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
(static)
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
(static)
+
+
@@ -720,7 +779,7 @@ (static)
(static)
+
+
@@ -806,7 +867,7 @@ (static)
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
Type:
(inner) ge
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
(stat
+
+
@@ -797,7 +807,7 @@ (static)
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
(inner) undoSource:
(inner) undoReturns:
-
-
-
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
Type:
Type:
Parameters:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
(static) getM
-Returns:
-
-
-
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
(static
(static
+
+
@@ -278,7 +280,7 @@ (stati
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
Type:
Type:
Type:
(inner) Source:
(inner) (inner) redraw
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- Methods
+
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
(static) uns
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
(static)
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
(static)
+
+
@@ -720,7 +779,7 @@ (static)
(static)
+
+
@@ -806,7 +867,7 @@ (static)
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
Type:
(inner) ge
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
(stat
+
+
@@ -797,7 +807,7 @@ (static)
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
(inner) undoReturns:
-
-
-
-
-
-
-
@@ -1321,13 +1880,13 @@ Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html
index 6446ed2bf..99cb74511 100644
--- a/doc/NeonView.js.html
+++ b/doc/NeonView.js.html
@@ -27,280 +27,179 @@ Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-
+Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
-Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
+Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
@@ -82,13 +99,13 @@ Verovio
Verovio is present as an npm package under src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
- JSDoc: Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
- JSDoc: Class: InfoBox
+ JSDoc: Class: InfoModule
@@ -17,7 +17,7 @@
- Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
- InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
@@ -39,9 +42,11 @@ InfoBoxConstructor
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
- Gets information on musical elements and displays them.
+ A constructor for an InfoModule.
@@ -85,13 +90,13 @@ Parameters:
- neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
- The NeonView parent.
@@ -142,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@ (inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@ (inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
- Parameters:
+
+
+
+
+
+
-
-
-
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
+
-
-
-
- id
-
-
-string
+
+
-
-
+
-
+
+
+ The element ID
-
+
-
-
+ (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+ JSDoc: Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@ Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
Type:
Type:
Parameters:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
- JSDoc: Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
- Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
- JSDoc: Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: ClickSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
- JSDoc: Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
-
- Class: DragSelect
-
-
-
-
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
- uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
- currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Contents
+ JSDoc: Module: SingleEdit/Contents
@@ -17,7 +17,7 @@
- Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Compatibility
+ JSDoc: Module: SingleEdit/EditControls
@@ -17,7 +17,7 @@
- Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
-
-
@@ -38,32 +36,10 @@ Module: Compatibility
- Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -80,30 +56,24 @@ Module: Compatibility
+ Methods
-
+
+
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
+
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
-
+
+
+ insertHandler
+
+
+InsertHandler
-
- Members
-
-(static, constant) modes
-
+
+
+
-
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+
+
+
+
@@ -182,7 +165,7 @@ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@ Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
-
-
- mei
-
-
-string
-
-
-
-
-
-
-
-
-
- The EditMode object.
@@ -334,7 +302,7 @@ Parameters:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
- meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
- The NeonView parent.
@@ -470,7 +439,7 @@ Parameters:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@ (static) getM
(static) getM
-Returns:
-
-
-
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@ Parameters:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
- filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
- meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
@@ -867,7 +847,7 @@ Parameters:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
- pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
- An InsertHandler object.
@@ -1002,7 +984,7 @@ Parameters:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
- currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
- A JQuery selector for the action tab.
@@ -1137,20 +1121,13 @@ Parameters:
Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Grouping
+ JSDoc: Module: SingleEdit/Grouping
@@ -17,7 +17,7 @@
- Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
(static
(static
+
+
@@ -278,7 +280,7 @@ (stati
(stati
+
+
- (static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
(inner) getIds
+
+
@@ -852,7 +913,7 @@ Parameters:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
@@ -189,7 +189,7 @@ Parameters:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
Type:
Type:
Type:
(inner) Source:
(inner) (inner) redraw
(inner) redraw
+
+
@@ -718,13 +724,13 @@ (inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+ JSDoc: Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Select
+ JSDoc: Module: SingleEdit/Select
@@ -17,7 +17,7 @@
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
- Methods
+
-
+
+
+
+
+
+ (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+ dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+ nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
- dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
@@ -198,7 +750,7 @@ Parameters:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
(static) uns
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
-
-
-
@@ -596,7 +1151,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
+
- A neonCore instance.
-
+
-
-
- neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
-
+
+
+
+ (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
- dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
- infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
- An instantiated DragHandler.
@@ -958,7 +1603,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
-
-
-
- dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
@@ -1116,7 +1740,7 @@ Parameters:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
- notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
@@ -1251,7 +1877,7 @@ Parameters:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
- JSDoc: Module: SelectOptions
+ JSDoc: Module: SingleEdit/SelectOptions
@@ -17,7 +17,7 @@
- Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
(static)
(static)
+
+
@@ -234,7 +236,7 @@ (static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
@@ -327,7 +329,7 @@ Parameters:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@ (static)
(static)
+
+
@@ -497,7 +552,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
(static)
+
+
@@ -720,7 +779,7 @@ (static)
(static)
+
+
@@ -806,7 +867,7 @@ (static)
(static)
+
+
@@ -892,7 +955,7 @@ (static) <
(static) <
+
+
@@ -1027,7 +1092,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
(inner)
+
+
@@ -1328,13 +1399,13 @@ (inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+ JSDoc: Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+ JSDoc: Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
@@ -94,7 +94,7 @@ new ZoomHa
new ZoomHa
+
+
@@ -142,7 +144,7 @@ Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
Type:
(inner) ge
(inner) ge
+
+
@@ -362,7 +366,7 @@ (inner) Source:
(inner) (inner
(inner
+
+
@@ -606,7 +614,7 @@ Parameters:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
@@ -166,7 +166,7 @@ Parameters:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@ (inner) getZo
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
(inner) tra
+
+
@@ -819,7 +829,7 @@ Parameters:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+ JSDoc: Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
- JSDoc: Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-
-
- rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+ JSDoc: Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+ Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+ Properties
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@ (stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- JSDoc: Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
- Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Color
+ JSDoc: Module: utils/Color
@@ -17,7 +17,7 @@
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
(static) <
+
+
@@ -571,7 +577,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
(stat
+
+
@@ -797,7 +807,7 @@ (static)
(static)
+
+
@@ -841,13 +853,13 @@ (static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
- JSDoc: Module: Cursor
+ JSDoc: Module: utils/Cursor
@@ -17,7 +17,7 @@
- Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
(static)
+
+
@@ -202,7 +204,7 @@ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Color.js
+ JSDoc: Source: utils/Color.js
@@ -17,7 +17,7 @@
- Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
- /** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Cursor.js
+ JSDoc: Source: utils/Cursor.js
@@ -17,7 +17,7 @@
- Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
- /** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Notification.js
+ JSDoc: Source: utils/Notification.js
@@ -17,7 +17,7 @@
- Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"/node_modules/"
- ]
+ ],
+ "moduleNameMapper": {
+ "Validation": "/test/SubstituteValidation.js"
+ }
},
"babel": {
"presets": "env"
},
"dependencies": {
"express": "^4.16.3",
+ "fs-extra": "^8.0.1",
"multer": "^1.3.0",
"nodemon": "^1.17.5",
"pug": "^2.0.3",
+ "request": "^2.88.0",
"verovio-dev": "file:src/verovio-dev"
},
"devDependencies": {
diff --git a/public/diva-v6.0.1/diva.css b/public/diva-v6.0.1/diva.css
new file mode 100644
index 000000000..1bf07625d
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css
@@ -0,0 +1,554 @@
+.diva-wrapper {
+ min-height: 95vh;
+ width: 100%;
+ flex-grow: 1; }
+ .diva-wrapper.diva-wrapper-flexbox {
+ display: flex;
+ flex-direction: column; }
+ .diva-wrapper > *: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; }
+ .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {
+ padding: 0; }
+
+.diva-button {
+ display: inline-block;
+ cursor: pointer;
+ height: 34px;
+ width: 34px;
+ line-height: 34px;
+ -webkit-appearance: none;
+ padding: 3px;
+ background-color: #F1F1F1;
+ background-repeat: no-repeat;
+ background-position: center;
+ border: 1px solid #AAA; }
+ .diva-button:hover, .diva-button:focus {
+ background-color: #FDFDFD; }
+ .diva-button.diva-button-text {
+ width: auto;
+ padding: 0 0.5em; }
+
+.diva-input {
+ height: 34px;
+ border: 1px solid #AAA;
+ padding: 0 0.5em; }
+ .diva-input:focus {
+ border-color: #919191; }
+
+.diva-label {
+ margin: 0 1em;
+ line-height: 34px;
+ vertical-align: top;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+
+.diva-tools-left, .diva-tools-right {
+ margin-bottom: 1em; }
+
+.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-tools-right .diva-button {
+ margin-left: -1px;
+ user-select: none; }
+
+.diva-page-nav {
+ white-space: nowrap;
+ margin-right: 1em; }
+
+.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: #dfefff; }
+
+.diva-view-menu {
+ display: inline-block;
+ position: relative; }
+
+.diva-view-options {
+ position: absolute;
+ top: 34px;
+ 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-zoom-label, .diva-grid-label, .diva-page-label {
+ display: inline-block; }
+
+.diva-fullscreen-tools {
+ position: fixed;
+ top: 15px;
+ right: 30px;
+ z-index: 101;
+ padding: 15px;
+ border: 1px solid #DDD;
+ background: #FFF;
+ transition: opacity 0.5s;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }
+ .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {
+ margin-bottom: 0; }
+ .diva-fullscreen-tools .diva-tools-right {
+ margin-left: 2em; }
+ .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {
+ margin: 0; }
+ .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {
+ width: 8em;
+ display: block; }
+ .diva-fullscreen-tools .diva-page-nav {
+ margin-right: 0; }
+
+.diva-outer {
+ display: flex;
+ clear: both;
+ background: #F1F1F1;
+ border: 1px solid #AAA;
+ 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-inner.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: #FDFDFD; }
+
+.diva-page-tools-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-tools {
+ position: relative;
+ top: -27px;
+ height: 20px; }
+ .diva-page-tools div {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ cursor: pointer;
+ padding: 3px; }
+ .diva-page-tools div svg:hover .diva-pagetool-icon {
+ fill: #006ebc; }
+
+.diva-page-labels-wrapper {
+ position: absolute;
+ z-index: 3; }
+
+.diva-page-labels {
+ position: relative;
+ top: -20px;
+ height: 20px;
+ font-size: 0.8em; }
+
+.diva-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0; }
+
+.diva-popup {
+ background: #FFF;
+ border: 1px solid #AAA;
+ padding: .6em;
+ z-index: 101;
+ position: absolute;
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }
+
+.diva-link-popup {
+ font-size: 10pt; }
+ .diva-link-popup input {
+ width: 18em; }
+ .diva-link-popup input:focus {
+ outline: none; }
+ .diva-link-popup.in-fullscreen {
+ top: 150px;
+ right: 30px; }
+
+.diva-hide-scrollbar {
+ overflow: hidden !important; }
+
+.diva-slider {
+ position: relative;
+ top: 0.6em;
+ float: left; }
+ @media (max-width: 480px) {
+ .diva-slider {
+ width: 100px; } }
+
+.diva-throbber {
+ box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
+ width: 40px;
+ height: 40px;
+ margin: auto auto;
+ padding: 20px;
+ background-color: #fff;
+ /*
+ * Spinner positions
+ * 1 2 3
+ * 4 5 6
+ * 7 8 9
+ */ }
+ .diva-throbber .cube {
+ width: 33.33%;
+ height: 33.33%;
+ background-color: #333;
+ float: left;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+ .diva-throbber .cube1 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube2 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube3 {
+ animation-delay: 0.4s; }
+ .diva-throbber .cube4 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube5 {
+ animation-delay: 0.2s; }
+ .diva-throbber .cube6 {
+ animation-delay: 0.3s; }
+ .diva-throbber .cube7 {
+ animation-delay: 0.0s; }
+ .diva-throbber .cube8 {
+ animation-delay: 0.1s; }
+ .diva-throbber .cube9 {
+ animation-delay: 0.2s; }
+
+@keyframes sk-cubeGridScaleDelay {
+ 0%, 70%, 100% {
+ transform: scale3D(1, 1, 1); }
+ 35% {
+ transform: scale3D(0, 0, 1); } }
+
+.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;
+ position: absolute;
+ top: 1em;
+ right: 1em; }
+ .diva-error-close:hover {
+ 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; }
+
+.manipulation-fullscreen {
+ width: 100% !important;
+ max-width: 100% !important;
+ height: 100% !important;
+ max-height: 100% !important;
+ z-index: 100;
+ position: fixed !important;
+ top: 0;
+ left: 0;
+ margin: 0;
+ border: 0;
+ background-color: rgba(0, 0, 0, 0.9);
+ display: flex; }
+
+.manipulation-sidebar {
+ width: 15%;
+ overflow: scroll;
+ text-align: center;
+ padding: 10px; }
+ .manipulation-sidebar .manipulation-sidebar-primary-image,
+ .manipulation-sidebar .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-sidebar-mobile {
+ width: 50%;
+ text-align: center;
+ padding: 10px;
+ display: none; }
+ .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,
+ .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {
+ margin: 10px 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #fff;
+ color: #fff; }
+
+.manipulation-main-area {
+ width: 70%;
+ flex: 1 1 auto;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area canvas {
+ margin: 0 auto; }
+
+.manipulation-main-area-mobile {
+ width: 100%;
+ background-color: rgba(255, 255, 255, 0.5);
+ overflow: scroll;
+ text-align: center;
+ cursor: move;
+ /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab; }
+ .manipulation-main-area-mobile.grabbing {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing; }
+ .manipulation-main-area-mobile canvas {
+ margin: 0 auto; }
+
+.manipulation-tools {
+ width: 15%;
+ flex: 1 1 auto;
+ overflow: auto; }
+ .manipulation-tools .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.manipulation-tools-mobile {
+ width: 50%;
+ flex: 1 1 auto;
+ overflow: auto;
+ display: none; }
+ .manipulation-tools-mobile .manipulation-tools-text {
+ color: #FBF7F6;
+ margin-bottom: 0.7em; }
+
+.burger-menu {
+ position: fixed;
+ top: 0.5em;
+ left: 0.5em;
+ cursor: pointer; }
+ .burger-menu .stripe {
+ width: 2em;
+ height: 0.3em;
+ background-color: #fff5ef;
+ margin: 0.2em 0; }
+
+input[type=range] {
+ -webkit-appearance: none;
+ width: 100%;
+ margin: 4.5px 0; }
+
+input[type=range]:focus {
+ outline: none; }
+
+input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-webkit-slider-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ -webkit-appearance: none;
+ margin-top: -4.5px; }
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+ background: rgba(253, 133, 243, 0.66); }
+
+input[type=range]::-moz-range-track {
+ width: 100%;
+ height: 5px;
+ cursor: pointer;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);
+ background: rgba(255, 255, 255, 0.66);
+ border-radius: 25px;
+ border: 0px solid rgba(1, 1, 1, 0); }
+
+input[type=range]::-moz-range-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer; }
+
+input[type=range]::-ms-track {
+ width: 100%;
+ height: 4px;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+
+input[type=range]::-ms-fill-lower {
+ background: rgba(251, 83, 239, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-fill-upper {
+ background: rgba(252, 108, 241, 0.66);
+ border: 0px solid rgba(1, 1, 1, 0);
+ border-radius: 50px;
+ box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }
+
+input[type=range]::-ms-thumb {
+ box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);
+ border: 0.9px solid rgba(0, 0, 30, 0.42);
+ height: 13px;
+ width: 13px;
+ border-radius: 10px;
+ background: #ffffff;
+ cursor: pointer;
+ height: 4px; }
+
+input[type=range]:focus::-ms-fill-lower {
+ background: rgba(252, 108, 241, 0.66); }
+
+input[type=range]:focus::-ms-fill-upper {
+ background: rgba(253, 133, 243, 0.66); }
+
+#metadata-content {
+ overflow-y: auto;
+ max-height: 20em;
+ padding: 2em; }
+
+#metadata-content dl dt {
+ font-weight: bold; }
+
+#metadata-content dl dd {
+ margin-left: 0;
+ margin-bottom: 1em; }
+
+#metadata-title {
+ margin: 0;
+ text-align: center; }
+
+.close-button {
+ position: absolute;
+ right: 1em;
+ top: 1em; }
+
+.close-button:hover {
+ color: tomato; }
+
+
+/*# sourceMappingURL=diva.css.map*/
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.css.map b/public/diva-v6.0.1/diva.css.map
new file mode 100644
index 000000000..e6babf47e
--- /dev/null
+++ b/public/diva-v6.0.1/diva.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js b/public/diva-v6.0.1/diva.js
new file mode 100644
index 000000000..b265de1a8
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js
@@ -0,0 +1,9 @@
+!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/build/",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n="Expected a function",o="__lodash_hash_undefined__",r=1,a=2,l=1/0,h=9007199254740991,c="[object Arguments]",u="[object Array]",d="[object Boolean]",g="[object Date]",v="[object Error]",p="[object Function]",f="[object GeneratorFunction]",m="[object Map]",w="[object Number]",b="[object Object]",y="[object RegExp]",_="[object Set]",P="[object String]",S="[object Symbol]",C="[object ArrayBuffer]",L="[object DataView]",O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/,E=/^\./,I=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,T=/\\(\\)?/g,D=/^\[object .+?Constructor\]$/,M=/^(?:0|[1-9]\d*)$/,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z["[object WeakMap]"]=!1;var V="object"==typeof e&&e&&e.Object===Object&&e,k="object"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function("return this")(),j="object"==typeof t&&t&&!t.nodeType&&t,A=j&&"object"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding("util")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+"";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,"__wrapped__"),T=x&&J.call(t,"__wrapped__");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function et(e){return!!e&&"object"==typeof e}function tt(e){return"symbol"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage="undefined"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError("this is null or not defined");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return"function"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),"function"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return"function"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return"function"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),"function"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if("number"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener("touchstart",i.events.touchStart,!1),e.addEventListener("touchend",i.events.inputEnd,!1),e.addEventListener("touchmove",i.events.touchMove,!1)),e.addEventListener("mousedown",i.events.inputDown,!1),e.addEventListener("mouseup",i.events.inputEnd,!1),e.addEventListener("mousemove",i.events.inputMove,!1),e.addEventListener("click",i.events.inputClick,!1),e.addEventListener("scroll",i.events.scroll,!1),e.addEventListener("selectstart",i.events.selectStart,!1),e.addEventListener("dragstart",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener("touchstart",i.events.touchStart,!1),e.removeEventListener("touchend",i.events.inputEnd,!1),e.removeEventListener("touchmove",i.events.touchMove,!1)),e.removeEventListener("mousedown",i.events.inputDown,!1),e.removeEventListener("mouseup",i.events.inputEnd,!1),e.removeEventListener("mousemove",i.events.inputMove,!1),e.removeEventListener("click",i.events.inputClick,!1),e.removeEventListener("scroll",i.events.scroll,!1),e.removeEventListener("selectstart",i.events.selectStart,!1),e.removeEventListener("dragstart",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;
+/**
+ * @fileoverview dragscroll - scroll area by dragging
+ * @version 0.0.8
+ *
+ * @license MIT, see http://github.com/asvd/dragscroll
+ * @copyright 2015 asvd
+ */n=[t],void 0===(o="function"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return a*r;case"days":case"day":case"d":return a*o;case"hours":case"hour":case"hrs":case"hr":case"h":return a*n;case"minutes":case"minute":case"mins":case"min":case"m":return a*s;case"seconds":case"second":case"secs":case"sec":case"s":return a*i;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,"day")||a(e,n,"hour")||a(e,s,"minute")||a(e,i,"second")||e+" ms"}(e):function(e){if(e>=o)return Math.round(e/o)+"d";if(e>=n)return Math.round(e/n)+"h";if(e>=s)return Math.round(e/s)+"m";if(e>=i)return Math.round(e/i)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,i){var s=i(12);"string"==typeof s&&(s=[[e.i,s,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if("function"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var r=new Blob([s],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute("media",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener("dblclick",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener("contextmenu",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener("touchstart",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener("touchmove",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener("touchend",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s("div",{class:"diva-page-tools-wrapper"},s("div",{class:"diva-page-tools"},this._buttons)),this._pageLabelsElem=s("div",{class:"diva-page-labels-wrapper"},s("div",{class:"diva-page-labels"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener("click",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener("touchend",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue("margin-left");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish("ViewerDidJump",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i="width",s=n.left+n.right):(i="height",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)("diva:ImageCache"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I("Evicting image %s",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I("Cache overfull by %s (all entries are being held)",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin="anonymous",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=""),this._aborted=!0}_handleLoad(){this._aborted?console.error("ImageRequestHandler invoked on cancelled request for "+this._url):this._complete?console.error("ImageRequestHandler invoked on completed request for "+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s("canvas",{class:"diva-viewer-canvas"}),this._ctx=this._canvas.getContext("2d"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return"undefined"!=typeof HTMLCanvasElement?null:["Your browser lacks support for the ",s("pre","canvas")," element. Please upgrade your browser."]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error("invalid page: "+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError("The current view is not zoomable");if(null===e.zoomLevel)throw new TypeError("The current view requires a zoom level");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+"px",width:this.layout.dimensions.width+"px"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle="#AAA",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,["manifest","viewport","pagesPerRow","fixedHeightGrid","fixedPadding","showNonPagedPages"]));{const t=N(e,["manifest","verticallyOriented","showNonPagedPages"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError("Cannot set settings."+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn("Invalid value for "+e+": "+t+". Using "+i+" instead.")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i="_"+e,s="scroll"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this["_"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X("top","height"),left:X("left","width"),width:K("width"),height:K("height"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)("diva:ViewerCore");function te(){return te.counter++}te.counter=1;const ie=[{key:"goDirectlyTo",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:"minPagesPerRow",validate:e=>Math.max(2,e)},{key:"maxPagesPerRow",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:"pagesPerRow",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:"maxZoomLevel",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:"minZoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:"zoomLevel",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:"",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID="diva-"+n+"-",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:"manifest",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement("p");e.style.width="100%",e.style.height="200px";let t=document.createElement("div");t.style.position="absolute",t.style.top="0px",t.style.left="0px",t.style.visibility="hidden",t.style.width="200px",t.style.height="150px",t.style.overflow="hidden",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow="scroll";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?"":n+"");const o=s("div",this.elemAttrs("inner",{class:"diva-inner"})),r=s("div",this.elemAttrs("viewport"),o),a=s("div",this.elemAttrs("outer"),r,s("div",this.elemAttrs("throbber"),[s("div",{class:"cube cube1"}),s("div",{class:"cube cube2"}),s("div",{class:"cube cube3"}),s("div",{class:"cube cube4"}),s("div",{class:"cube cube5"}),s("div",{class:"cube cube6"}),s("div",{class:"cube cube7"}),s("div",{class:"cube cube8"}),s("div",{class:"cube cube9"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:"diva-"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,"zoomLevel")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push(["ZoomLevelDidChange",e.zoomLevel])),this.hasChangedOption(e,"pagesPerRow")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push(["GridRowNumberDidChange",e.pagesPerRow])),this.hasChangedOption(e,"verticallyOriented")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,"showNonPagedPages")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),"goDirectlyTo"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,"verticalOffset"in e&&(this.viewerState.verticalOffset=e.verticalOffset),"horizontalOffset"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,"inGrid")||this.hasChangedOption(e,"inBookLayout"))&&("inGrid"in e&&(this.viewerState.options.inGrid=e.inGrid),"inBookLayout"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push(["ViewDidSwitch",this.settings.inGrid])),this.hasChangedOption(e,"inFullscreen")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push(["ModeDidSwitch",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return"pageLayouts"!==e&&"padding"!==e}).map(function(t){const i=e[t];return t+": "+JSON.stringify(i)}).join(", ");ee("reload with %s",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?"add":"remove";this.viewerState.outerObject.classList[t]("diva-fullscreen"),document.body.classList[t]("diva-hide-scrollbar"),this.settings.parentObject.classList[t]("diva-full-width");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||"verticalOffset"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener("keyup",this.boundEscapeListener):document.removeEventListener("keyup",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish("PageWillLoad",e)},onZoomLevelWillChange:e=>{this.publish("ZoomLevelWillChange",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption("zoomLevel",e))return!1;if(this.viewerState.viewportObject.removeEventListener("scroll",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+"zoom-in-button"),h=document.getElementById(this.settings.selector+"zoom-out-button");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish("ZoomLevelDidChange",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"center"===t||"centre"===t?parseInt(this.getPageData(i,"h")/2,10):"bottom"===t?parseInt(this.getPageData(i,"h")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return"left"===t?parseInt(this.settings.panelWidth/2,10):"right"===t?parseInt(this.getPageData(i,"w")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,"w")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add("dragscroll"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee("Double click at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener("touchmove",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee("Pinch %s at %s, %s",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee("Double tap at %s, %s",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish("ViewerDidScroll",o),i>0?this.publish("ViewerDidScrollDown",o):i<0&&this.publish("ViewerDidScrollUp",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener("mousedown",()=>{this.viewerState.innerObject.classList.add("diva-grabbing")}),this.viewerState.innerObject.addEventListener("mouseup",()=>{this.viewerState.innerObject.classList.remove("diva-grabbing")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener("scroll",this.boundScrollFunction);document.addEventListener("keydown.diva",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe("ViewerDidTerminate",function(){document.removeEventListener("keydown.diva")},this.settings.ID),window.addEventListener("resize",this.onResize.bind(this),!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("resize",this.onResize,!1)},this.settings.ID),"onorientationchange"in window&&(window.addEventListener("orientationchange",this.onResize,!1),c.Events.subscribe("ViewerDidTerminate",function(){window.removeEventListener("orientationchange",this.onResize,!1)},this.settings.ID)),c.Events.subscribe("PanelSizeDidChange",this.updatePanelSize,this.settings.ID),c.Events.subscribe("ViewerDidTerminate",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty("plugins"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="block")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+"throbber");e&&(e.style.display="none")}showError(e){const t=s("div",this.elemAttrs("error"),[s("button",this.elemAttrs("error-close",{"aria-label":"Close dialog"})),s("p",s("strong","Error")),s("div",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+"error-close").addEventListener("click",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish("NumberOfPagesDidChange",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish("ObjectDidLoad",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,"center"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,"top")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+"title");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s("div",this.elemAttrs("title"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+"px":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+"px",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,"top")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,"center")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish("ViewerDidLoad",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?"width":"height";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish("VisiblePageHasAlternateViews",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow="auto",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")&&this.viewerState.viewportObject.removeAttribute("nochilddrag")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow="hidden",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute("nochilddrag")||this.viewerState.viewportObject.setAttribute("nochilddrag","")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish("ViewerWillTerminate",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass("diva-hide-scrollbar"),this.settings.parentObject.parent().empty().removeData("diva"),this.settings.parentObject.parent().removeAttr("style").removeAttr("class"),this.publish("ViewerDidTerminate",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o="/"!==n.url.slice(-1)?n.url+"/":n.url,r=new Array(t+1);for(let e=0;e"http://iiif.io/api/presentation/2/context.json"===e?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/2/context.json")?2:Array.isArray(e)&&e.includes("http://iiif.io/api/presentation/3/context.json")?3:2;function le(e){let t=e["@context"];if(!t)return console.error("Invalid IIIF Manifest; No @context found."),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):"object"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(", ")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:"paged"===e.viewingHint||!!e.behaviour&&"paged"===e.behaviour[0]||!!s&&"paged"===s.viewingHint}}function he(e){let t=e["@id"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s="",n=!0;if(/\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\//.test(t)){const e=t.split("/");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service["@id"]||e.service.id)&&(t=e.service["@id"]||e.service.id,n=!1);n&&(t=t.split("/").slice(0,-4).join("/"));const o={url:t};if(s.length){const e=s.split(",");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?"full":(null==i.width?"":i.width)+","+(null==i.height?"":i.height);const n=e.pages[t],o=n.api>1.1?"default":"native";return encodeURI(n.url+"full/"+s+"/0/"+o+".jpg")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty("xoffset")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(","),c=s.api>1.1?"default":"native";return encodeURI(s.url+h+"/"+o+","+n+"/0/"+c+".jpg")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton("zoom-in-button","Zoom In",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel("diva-zoom-label","zoom-label","Zoom level: ","zoom-level",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+"zoom-level").textContent=this.settings.zoomLevel+1};return this._subscribe("ZoomLevelDidChange",n),this._subscribe("ViewerDidLoad",n),s("div",{id:this.settings.ID+"zoom-controls",style:"display: none"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton("grid-out-button","Fewer",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton("grid-in-button","More",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel("diva-grid-label","grid-label","Pages per row: ","pages-per-row",this.settings.pagesPerRow)];return this._subscribe("GridRowNumberDidChange",function(){document.getElementById(this.settings.ID+"pages-per-row").textContent=this.settings.pagesPerRow}),s("div",{id:this.settings.ID+"grid-controls",style:"display:none"},i)}createPageLabel(){const e=s("span",{id:this.settings.ID+"current-page"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+" - "+s:e.textContent=n+" - "+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe("VisiblePageDidChange",t),this._subscribe("ViewerDidLoad",t),this._subscribe("ViewDidSwitch",t),s("span",{class:"diva-page-label diva-label"},e)}createGotoPageForm(){const e=s("input",{id:this.settings.ID+"goto-page-input",class:"diva-input diva-goto-page-input",autocomplete:"off",type:"text"}),t=s("input",{id:this.settings.ID+"goto-page-submit",class:"diva-button diva-button-text",type:"submit",value:"Go"}),i=s("div",{id:this.settings.ID+"input-suggestions",class:"diva-input-suggestions"}),n=s("form",{id:this.settings.ID+"goto-page",class:"diva-goto-form"},e,t,i);return n.addEventListener("submit",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&"function"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert("No page could be found with that label or page number")}else this.viewer.gotoPageByLabel(s)||window.alert("No page could be found with that label or page number");return i.style.display="none",!1}),["input","focus"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML="";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s("div",{class:"diva-input-suggestion"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display="block")}else i.style.display="none"})}),e.addEventListener("keydown",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName("active")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove("active"),null!==e&&e.classList.add("active");else{let e=document.getElementsByClassName("diva-input-suggestion").length-1;document.getElementsByClassName("diva-input-suggestion")[e].classList.add("active")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName("active")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove("active"),null!==e&&e.classList.add("active")):document.getElementsByClassName("diva-input-suggestion")[0].classList.add("active")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,"mousedown",".diva-input-suggestion",function(){e.value=this.textContent,i.style.display="none";let t=new Event("submit");n.dispatchEvent(t)}),e.addEventListener("blur",()=>{i.style.display="none"}),n}createViewMenu(){const e=s("div",this._elemAttrs("view-options")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton("view-icon","Change view",()=>{e.style.display="none"===e.style.display?"block":"none"}),r=t=>{this.viewer.changeView(t),e.style.display="none"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className="diva-grid-icon diva-view-icon diva-button"):this.settings.inBookLayout?(o.appendChild(i),o.className="diva-book-icon diva-view-icon diva-button"):(o.appendChild(n),o.className="diva-document-icon diva-view-icon diva-button");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton("document-icon","Document View",r.bind(null,"document"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton("book-icon","Book View",r.bind(null,"book"),i)),this.settings.inGrid||s.appendChild(this.createButton("grid-icon","Grid View",r.bind(null,"grid"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener("mouseup",t=>{e!==t.target&&(e.style.display="none")}),this._subscribe("ViewDidSwitch",a),this._subscribe("ObjectDidLoad",a),s("div",this._elemAttrs("view-menu"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton("fullscreen-icon","Toggle fullscreen mode",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+"zoom-controls").style.display="none",document.getElementById(this.settings.ID+"grid-controls").style.display="block"):(document.getElementById(this.settings.ID+"zoom-controls").style.display="block",document.getElementById(this.settings.ID+"grid-controls").style.display="none")}render(){this._subscribe("ViewDidSwitch",this.toggleZoomGridControls),this._subscribe("ObjectDidLoad",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttributeNS(null,"d",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon(["M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z","M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z"])}_createZoomInIcon(){return this._createToolbarIcon(["M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z"])}_createGridMoreIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createGridFewerIcon(){return this._createToolbarIcon(["M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z"])}_createGridViewIcon(){return this._createToolbarIcon(["M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z"])}_createBookViewIcon(){return this._createToolbarIcon(["M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z"])}_createPageViewIcon(){return this._createToolbarIcon(["M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z"])}_createFullscreenIcon(){return this._createToolbarIcon(["M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z","M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if("string"==typeof i){const n=s.indexOf("&"+e+"=")>0?s.indexOf("&"+e+"="):s.indexOf("#"+e+"="),o=n+e.length+2+i.length,r=0===n?"#":"&";window.location.replace(s.substring(0,n)+r+e+"="+t+s.substring(o))}else 0===s.length?window.location.replace("#"+e+"="+t):window.location.replace(s+"&"+e+"="+t)}};function pe(e){const t=window.location.hash;if(""!==t){let i=t.indexOf("&"+e+"=")>0?t.indexOf("&"+e+"="):t.indexOf("#"+e+"=");if(i>=0){i+=e.length+2;const s=t.indexOf("&",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):""}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h("You must supply either a URL or a literal object to the `objectData` key.");this.options=Object.assign({acceptHeader:"application/json",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:"",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:"buttons",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:"buttons",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s("div",{class:`diva-wrapper${this.options.fillParentHeight?" diva-wrapper-flexbox":""}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+"wrapper",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe("ObjectDidLoad",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if("object"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=["Invalid objectData setting. Error code: "+e.status+" "+e.statusText];if(0===this.settings.objectData.lastIndexOf("http",0)){const e=this.settings.objectData.replace(/https?:\/\//i,"").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s("p","Attempted to access cross-origin data without CORS."),s("p","You may need to update your server configuration to support CORS. For help, see the ",s("a",{href:"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests",target:"_blank"},"cross-site request documentation.")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty("@context")&&(-1===e["@context"].indexOf("iiif")||-1===e["@context"].indexOf("shared-canvas")))throw new l("This does not appear to be a IIIF Manifest.");c.Events.publish("ManifestDidLoad",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return["f","v","z","n","i","p","y","x"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),"true"===e.f?e.f=!0:"false"===e.f&&(e.f=!1),["z","n","p","x","y"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i="v"in e?this._getViewState(e.v):{};"f"in e&&(i.inFullscreen=e.f),"z"in e&&(i.zoomLevel=e.z),"n"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName("diva-page");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute("data-index")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+"//"+location.host+location.pathname+location.search+"#"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView("grid"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn("This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead."),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn("This will be removed in the next version of Diva. Use getAllPageURIs instead."),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error("Invalid Page Index");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn("This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption("pagesPerRow",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);
+//# sourceMappingURL=diva.js.map
\ No newline at end of file
diff --git a/public/diva-v6.0.1/diva.js.map b/public/diva-v6.0.1/diva.js.map
new file mode 100644
index 000000000..58a464d94
--- /dev/null
+++ b/public/diva-v6.0.1/diva.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"diva.js","sources":["webpack:///diva.js"],"sourcesContent":["!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,\"a\",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p=\"/build/\",i(i.s=2)}([function(e,t,i){(function(e,i){var s=200,n=\"Expected a function\",o=\"__lodash_hash_undefined__\",r=1,a=2,l=1/0,h=9007199254740991,c=\"[object Arguments]\",u=\"[object Array]\",d=\"[object Boolean]\",g=\"[object Date]\",v=\"[object Error]\",p=\"[object Function]\",f=\"[object GeneratorFunction]\",m=\"[object Map]\",w=\"[object Number]\",b=\"[object Object]\",y=\"[object RegExp]\",_=\"[object Set]\",P=\"[object String]\",S=\"[object Symbol]\",C=\"[object ArrayBuffer]\",L=\"[object DataView]\",O=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,x=/^\\w*$/,E=/^\\./,I=/[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g,T=/\\\\(\\\\)?/g,D=/^\\[object .+?Constructor\\]$/,M=/^(?:0|[1-9]\\d*)$/,z={};z[\"[object Float32Array]\"]=z[\"[object Float64Array]\"]=z[\"[object Int8Array]\"]=z[\"[object Int16Array]\"]=z[\"[object Int32Array]\"]=z[\"[object Uint8Array]\"]=z[\"[object Uint8ClampedArray]\"]=z[\"[object Uint16Array]\"]=z[\"[object Uint32Array]\"]=!0,z[c]=z[u]=z[C]=z[d]=z[L]=z[g]=z[v]=z[p]=z[m]=z[w]=z[b]=z[y]=z[_]=z[P]=z[\"[object WeakMap]\"]=!1;var V=\"object\"==typeof e&&e&&e.Object===Object&&e,k=\"object\"==typeof self&&self&&self.Object===Object&&self,F=V||k||Function(\"return this\")(),j=\"object\"==typeof t&&t&&!t.nodeType&&t,A=j&&\"object\"==typeof i&&i&&!i.nodeType&&i,R=A&&A.exports===j&&V.process,H=function(){try{return R&&R.binding(\"util\")}catch(e){}}(),B=H&&H.isTypedArray;function Z(e,t){for(var i=-1,s=e?e.length:0;++it}function Ie(e,t){return null!=e&&t in Object(e)}function Te(e,t,i,s,n){return e===t||(null==e||null==t||!Qe(e)&&!et(t)?e!=e&&t!=t:function(e,t,i,s,n,o){var l=Xe(e),h=Xe(t),p=u,f=u;l||(p=(p=Ae(e))==c?b:p);h||(f=(f=Ae(t))==c?b:f);var O=p==b&&!G(e),x=f==b&&!G(t),E=p==f;if(E&&!O)return o||(o=new Ce),l||it(e)?ke(e,t,i,s,n,o):function(e,t,i,s,n,o,l){switch(i){case L:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!s(new ie(e),new ie(t)));case d:case g:case w:return Ye(+e,+t);case v:return e.name==t.name&&e.message==t.message;case y:case P:return e==t+\"\";case m:var h=N;case _:var c=o&a;if(h||(h=U),e.size!=t.size&&!c)return!1;var u=l.get(e);if(u)return u==t;o|=r,l.set(e,t);var p=ke(h(e),h(t),s,n,o,l);return l.delete(e),p;case S:if(we)return we.call(e)==we.call(t)}return!1}(e,t,p,i,s,n,o);if(!(n&a)){var I=O&&J.call(e,\"__wrapped__\"),T=x&&J.call(t,\"__wrapped__\");if(I||T){var D=I?e.value():e,M=T?t.value():t;return o||(o=new Ce),i(D,M,s,n,o)}}if(!E)return!1;return o||(o=new Ce),function(e,t,i,s,n,o){var r=n&a,l=st(e),h=l.length,c=st(t).length;if(h!=c&&!r)return!1;for(var u=h;u--;){var d=l[u];if(!(r?d in t:J.call(t,d)))return!1}var g=o.get(e);if(g&&o.get(t))return g==t;var v=!0;o.set(e,t),o.set(t,e);for(var p=r;++uh))return!1;var u=o.get(e);if(u&&o.get(t))return u==t;var d=-1,g=!0,v=n&r?new Se:void 0;for(o.set(e,t),o.set(t,e);++d-1},_e.prototype.set=function(e,t){var i=this.__data__,s=Oe(i,e);return s<0?i.push([e,t]):i[s][1]=t,this},Pe.prototype.clear=function(){this.__data__={hash:new ye,map:new(ae||_e),string:new ye}},Pe.prototype.delete=function(e){return Fe(this,e).delete(e)},Pe.prototype.get=function(e){return Fe(this,e).get(e)},Pe.prototype.has=function(e){return Fe(this,e).has(e)},Pe.prototype.set=function(e,t){return Fe(this,e).set(e,t),this},Se.prototype.add=Se.prototype.push=function(e){return this.__data__.set(e,o),this},Se.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.clear=function(){this.__data__=new _e},Ce.prototype.delete=function(e){return this.__data__.delete(e)},Ce.prototype.get=function(e){return this.__data__.get(e)},Ce.prototype.has=function(e){return this.__data__.has(e)},Ce.prototype.set=function(e,t){var i=this.__data__;if(i instanceof _e){var n=i.__data__;if(!ae||n.length-1&&e%1==0&&e-1&&e%1==0&&e<=h}function Qe(e){var t=typeof e;return!!e&&(\"object\"==t||\"function\"==t)}function et(e){return!!e&&\"object\"==typeof e}function tt(e){return\"symbol\"==typeof e||et(e)&&Q.call(e)==S}var it=B?function(e){return function(t){return e(t)}}(B):function(e){return et(e)&&Je(e.length)&&!!z[Q.call(e)]};function st(e){return Ke(e)?Le(e):ze(e)}function nt(e){return e}i.exports=function(e,t){return e&&e.length?function(e,t,i){for(var s=-1,n=e.length;++s=31||\"undefined\"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/)},t.storage=\"undefined\"!=typeof chrome&&void 0!==chrome.storage?chrome.storage.local:function(){try{return window.localStorage}catch(e){}}(),t.colors=[\"#0000CC\",\"#0000FF\",\"#0033CC\",\"#0033FF\",\"#0066CC\",\"#0066FF\",\"#0099CC\",\"#0099FF\",\"#00CC00\",\"#00CC33\",\"#00CC66\",\"#00CC99\",\"#00CCCC\",\"#00CCFF\",\"#3300CC\",\"#3300FF\",\"#3333CC\",\"#3333FF\",\"#3366CC\",\"#3366FF\",\"#3399CC\",\"#3399FF\",\"#33CC00\",\"#33CC33\",\"#33CC66\",\"#33CC99\",\"#33CCCC\",\"#33CCFF\",\"#6600CC\",\"#6600FF\",\"#6633CC\",\"#6633FF\",\"#66CC00\",\"#66CC33\",\"#9900CC\",\"#9900FF\",\"#9933CC\",\"#9933FF\",\"#99CC00\",\"#99CC33\",\"#CC0000\",\"#CC0033\",\"#CC0066\",\"#CC0099\",\"#CC00CC\",\"#CC00FF\",\"#CC3300\",\"#CC3333\",\"#CC3366\",\"#CC3399\",\"#CC33CC\",\"#CC33FF\",\"#CC6600\",\"#CC6633\",\"#CC9900\",\"#CC9933\",\"#CCCC00\",\"#CCCC33\",\"#FF0000\",\"#FF0033\",\"#FF0066\",\"#FF0099\",\"#FF00CC\",\"#FF00FF\",\"#FF3300\",\"#FF3333\",\"#FF3366\",\"#FF3399\",\"#FF33CC\",\"#FF33FF\",\"#FF6600\",\"#FF6633\",\"#FF9900\",\"#FF9933\",\"#FFCC00\",\"#FFCC33\"],t.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return\"[UnexpectedJSONParseError]: \"+e.message}},t.enable(n())}).call(this,i(8))},function(e,t,i){i(3),i(16),e.exports=i(11)},function(e,t){!function(){if(!Array.prototype.fill){var e=function(e){if(null==this)throw new TypeError(\"this is null or not defined\");for(var t=Object(this),i=t.length>>>0,s=arguments[1]>>0,n=s<0?Math.max(i+s,0):Math.min(s,i),o=arguments[2],r=void 0===o?i:o>>0,a=r<0?Math.max(i+r,0):Math.min(r,i);n0||Math.abs(e.velocityY)>0)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},dragStart:function(t){if(e._useTarget(t.target,t)&&e.elementFocused)return t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1},selectStart:function(t){return\"function\"==typeof e.settings.selectStart?e.settings.selectStart.apply(e,arguments):e._useTarget(t.target,t)?(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation(),!1):void 0}},this._attachListeners()},s.prototype._inputmove=function(e,t){if((!this.lastMove||new Date>new Date(this.lastMove.getTime()+this.throttleTimeout))&&(this.lastMove=new Date,this.mouseDown&&(this.xpos||this.ypos))){var i=e-this.xpos,s=t-this.ypos;if(this.settings.invert&&(i*=-1,s*=-1),this.threshold>0){var n=Math.sqrt(i*i+s*s);if(this.threshold>n)return;this.threshold=0}this.elementFocused&&(this.elementFocused.blur(),this.elementFocused=null,this.el.focus()),this.settings.decelerate=!1,this.velocity=this.velocityY=0;var o=this.scrollLeft(),r=this.scrollTop();this.scrollLeft(this.settings.x?o-i:o),this.scrollTop(this.settings.y?r-s:r),this.prevXPos=this.xpos,this.prevYPos=this.ypos,this.xpos=e,this.ypos=t,this._calculateVelocities(),this._setMoveClasses(this.settings.movingClass),\"function\"==typeof this.settings.moved&&this.settings.moved.call(this,this.settings)}},s.prototype._calculateVelocities=function(){this.velocity=this._capVelocity(this.prevXPos-this.xpos,this.settings.maxvelocity),this.velocityY=this._capVelocity(this.prevYPos-this.ypos,this.settings.maxvelocity),this.settings.invert&&(this.velocity*=-1,this.velocityY*=-1)},s.prototype._end=function(){this.xpos&&this.prevXPos&&!1===this.settings.decelerate&&(this.settings.decelerate=!0,this._calculateVelocities(),this.xpos=this.prevXPos=this.mouseDown=!1,this._move())},s.prototype._useTarget=function(e,t){return\"function\"!=typeof this.settings.filterTarget||!1!==this.settings.filterTarget.call(this,e,t)},s.prototype._threshold=function(e,t){return\"function\"==typeof this.settings.threshold?this.settings.threshold.call(this,e,t):this.settings.threshold},s.prototype._start=function(e,t){this.mouseDown=!0,this.velocity=this.prevXPos=0,this.velocityY=this.prevYPos=0,this.xpos=e,this.ypos=t},s.prototype._resetMouse=function(){this.xpos=!1,this.ypos=!1,this.mouseDown=!1},s.prototype._decelerateVelocity=function(e,t){return 0===Math.floor(Math.abs(e))?0:e*t},s.prototype._capVelocity=function(e,t){var i=e;return e>0?e>t&&(i=t):e<0-t&&(i=0-t),i},s.prototype._setMoveClasses=function(e){var t=this.settings,i=this.el;i.classList.remove(t.movingClass.up),i.classList.remove(t.movingClass.down),i.classList.remove(t.movingClass.left),i.classList.remove(t.movingClass.right),i.classList.remove(t.deceleratingClass.up),i.classList.remove(t.deceleratingClass.down),i.classList.remove(t.deceleratingClass.left),i.classList.remove(t.deceleratingClass.right),this.velocity>0&&i.classList.add(e.right),this.velocity<0&&i.classList.add(e.left),this.velocityY>0&&i.classList.add(e.down),this.velocityY<0&&i.classList.add(e.up)},s.prototype._move=function(){var t=this._getScroller(),i=this,s=this.settings;s.x&&t.scrollWidth>0?(this.scrollLeft(this.scrollLeft()+this.velocity),Math.abs(this.velocity)>0&&(this.velocity=s.decelerate?i._decelerateVelocity(this.velocity,s.slowdown):this.velocity)):this.velocity=0,s.y&&t.scrollHeight>0?(this.scrollTop(this.scrollTop()+this.velocityY),Math.abs(this.velocityY)>0&&(this.velocityY=s.decelerate?i._decelerateVelocity(this.velocityY,s.slowdown):this.velocityY)):this.velocityY=0,i._setMoveClasses(s.deceleratingClass),\"function\"==typeof s.moved&&s.moved.call(this,s),Math.abs(this.velocity)>0||Math.abs(this.velocityY)>0?this.moving||(this.moving=!0,e(function(){i.moving=!1,i._move()})):i.stop()},s.prototype._getScroller=function(){return this.el},s.prototype.scrollLeft=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollLeft;t.scrollLeft=e,this.settings.scrollLeft=e},s.prototype.scrollTop=function(e){var t=this._getScroller();if(\"number\"!=typeof e)return t.scrollTop;t.scrollTop=e,this.settings.scrollTop=e},s.prototype._attachListeners=function(){var e=this.el,i=this.settings;t&&(e.addEventListener(\"touchstart\",i.events.touchStart,!1),e.addEventListener(\"touchend\",i.events.inputEnd,!1),e.addEventListener(\"touchmove\",i.events.touchMove,!1)),e.addEventListener(\"mousedown\",i.events.inputDown,!1),e.addEventListener(\"mouseup\",i.events.inputEnd,!1),e.addEventListener(\"mousemove\",i.events.inputMove,!1),e.addEventListener(\"click\",i.events.inputClick,!1),e.addEventListener(\"scroll\",i.events.scroll,!1),e.addEventListener(\"selectstart\",i.events.selectStart,!1),e.addEventListener(\"dragstart\",i.events.dragStart,!1)},s.prototype._detachListeners=function(){var e=this.el,i=this.settings;t&&(e.removeEventListener(\"touchstart\",i.events.touchStart,!1),e.removeEventListener(\"touchend\",i.events.inputEnd,!1),e.removeEventListener(\"touchmove\",i.events.touchMove,!1)),e.removeEventListener(\"mousedown\",i.events.inputDown,!1),e.removeEventListener(\"mouseup\",i.events.inputEnd,!1),e.removeEventListener(\"mousemove\",i.events.inputMove,!1),e.removeEventListener(\"click\",i.events.inputClick,!1),e.removeEventListener(\"scroll\",i.events.scroll,!1),e.removeEventListener(\"selectstart\",i.events.selectStart,!1),e.removeEventListener(\"dragstart\",i.events.dragStart,!1)},window.VanillaKinetic=s}()},function(e,t,i){var s,n,o;\n/**\n * @fileoverview dragscroll - scroll area by dragging\n * @version 0.0.8\n *\n * @license MIT, see http://github.com/asvd/dragscroll\n * @copyright 2015 asvd \n */n=[t],void 0===(o=\"function\"==typeof(s=function(e){var t,i,s=window,n=document,o=[],r=function(e,r){for(e=0;e1)for(var i=1;i0)return function(e){if((e=String(e)).length>100)return;var t=/^((?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||\"ms\").toLowerCase()){case\"years\":case\"year\":case\"yrs\":case\"yr\":case\"y\":return a*r;case\"days\":case\"day\":case\"d\":return a*o;case\"hours\":case\"hour\":case\"hrs\":case\"hr\":case\"h\":return a*n;case\"minutes\":case\"minute\":case\"mins\":case\"min\":case\"m\":return a*s;case\"seconds\":case\"second\":case\"secs\":case\"sec\":case\"s\":return a*i;case\"milliseconds\":case\"millisecond\":case\"msecs\":case\"msec\":case\"ms\":return a;default:return}}(e);if(\"number\"===l&&!1===isNaN(e))return t.long?function(e){return a(e,o,\"day\")||a(e,n,\"hour\")||a(e,s,\"minute\")||a(e,i,\"second\")||e+\" ms\"}(e):function(e){if(e>=o)return Math.round(e/o)+\"d\";if(e>=n)return Math.round(e/n)+\"h\";if(e>=s)return Math.round(e/s)+\"m\";if(e>=i)return Math.round(e/i)+\"s\";return e+\"ms\"}(e);throw new Error(\"val is not a non-empty string or a valid number. val=\"+JSON.stringify(e))}},function(e,t,i){var s=i(12);\"string\"==typeof s&&(s=[[e.i,s,\"\"]]);var n={hmr:!0,transform:void 0,insertInto:void 0};i(14)(s,n);s.locals&&(e.exports=s.locals)},function(e,t,i){},,function(e,t,i){var s={},n=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),o=function(e){var t={};return function(e,i){if(\"function\"==typeof e)return e();if(void 0===t[e]){var s=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,i);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}t[e]=s}return t[e]}}(),r=null,a=0,l=[],h=i(15);function c(e,t){for(var i=0;i=0&&l.splice(t,1)}function v(e){var t=document.createElement(\"style\");if(void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),void 0===e.attrs.nonce){var s=function(){0;return i.nc}();s&&(e.attrs.nonce=s)}return p(t,e.attrs),d(e,t),t}function p(e,t){Object.keys(t).forEach(function(i){e.setAttribute(i,t[i])})}function f(e,t){var i,s,n,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var l=a++;i=r||(r=v(t)),s=w.bind(null,i,l,!1),n=w.bind(null,i,l,!0)}else e.sourceMap&&\"function\"==typeof URL&&\"function\"==typeof URL.createObjectURL&&\"function\"==typeof URL.revokeObjectURL&&\"function\"==typeof Blob&&\"function\"==typeof btoa?(i=function(e){var t=document.createElement(\"link\");return void 0===e.attrs.type&&(e.attrs.type=\"text/css\"),e.attrs.rel=\"stylesheet\",p(t,e.attrs),d(e,t),t}(t),s=function(e,t,i){var s=i.css,n=i.sourceMap,o=void 0===t.convertToAbsoluteUrls&&n;(t.convertToAbsoluteUrls||o)&&(s=h(s));n&&(s+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+\" */\");var r=new Blob([s],{type:\"text/css\"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}.bind(null,i,t),n=function(){g(i),i.href&&URL.revokeObjectURL(i.href)}):(i=v(t),s=function(e,t){var i=t.css,s=t.media;s&&e.setAttribute(\"media\",s);if(e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}.bind(null,i),n=function(){g(i)});return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else n()}}e.exports=function(e,t){if(\"undefined\"!=typeof DEBUG&&DEBUG&&\"object\"!=typeof document)throw new Error(\"The style-loader cannot be used in a non-browser environment\");(t=t||{}).attrs=\"object\"==typeof t.attrs?t.attrs:{},t.singleton||\"boolean\"==typeof t.singleton||(t.singleton=n()),t.insertInto||(t.insertInto=\"head\"),t.insertAt||(t.insertAt=\"bottom\");var i=u(e,t);return c(i,t),function(e){for(var n=[],o=0;o0;let o=s.length;for(;o--;)if(s[o]===e[1])return this._cache[i][n].splice(o,1),!0}return!1}unsubscribeAll(e){if(e){const t=Object.keys(this._cache);let i,s=t.length;for(;s--;)i=t[s],void 0!==this._cache[i][e]&&delete this._cache[i][e]}else this._cache={}}}};var u={onDoubleClick:function(e,t){e.addEventListener(\"dblclick\",function(e){e.ctrlKey||t(e,m(e.currentTarget,e))});const i=f(d);e.addEventListener(\"contextmenu\",function(e){e.preventDefault(),e.ctrlKey&&(i.isTriggered()?(i.reset(),t(e,m(e.currentTarget,e))):i.trigger())})},onPinch:function(e,t){let i=0;e.addEventListener(\"touchstart\",function(e){e.preventDefault(),2===e.originalEvent.touches.length&&(i=p(e.originalEvent.touches[0].clientX,e.originalEvent.touches[0].clientY,e.originalEvent.touches[1].clientX,e.originalEvent.touches[1].clientY))}),e.addEventListener(\"touchmove\",function(e){if(e.preventDefault(),2===e.originalEvent.touches.length){const s=e.originalEvent.touches,n=p(s[0].clientX,s[0].clientY,s[1].clientX,s[1].clientY),o=n-i;if(Math.abs(o)>0){const o={pageX:(s[0].clientX+s[1].clientX)/2,pageY:(s[0].clientY+s[1].clientY)/2};t(e,m(e.currentTarget,o),i,n)}}})},onDoubleTap:function(e,t){const i=f(v);let s=null;e.addEventListener(\"touchend\",e=>{if(e.preventDefault(),i.isTriggered()){i.reset();const n={pageX:e.originalEvent.changedTouches[0].clientX,pageY:e.originalEvent.changedTouches[0].clientY},o=p(s.pageX,s.pageY,n.pageX,n.pageY);ot,reset(){t=!1,s()}};function s(){null!==i&&(clearTimeout(i),i=null)}}function m(e,t){const i=e.getBoundingClientRect();return{left:t.pageX-i.left,top:t.pageY-i.top}}var w=i(0),b=i.n(w);class y{constructor(e,t){this.page=e,this._viewerCore=t,this._innerElement=this._viewerCore.getSettings().innerElement,this._pageToolsElem=null,this.labelWidth=0}mount(){null===this._pageToolsElem&&(this._buttons=this._initializePageToolButtons(),this._pageToolsElem=s(\"div\",{class:\"diva-page-tools-wrapper\"},s(\"div\",{class:\"diva-page-tools\"},this._buttons)),this._pageLabelsElem=s(\"div\",{class:\"diva-page-labels-wrapper\"},s(\"div\",{class:\"diva-page-labels\"},this._viewerCore.settings.manifest.pages[this.page].l))),this.refresh(),this._innerElement.appendChild(this._pageToolsElem),this._innerElement.appendChild(this._pageLabelsElem)}_initializePageToolButtons(){const e=this._viewerCore.getSettings(),t=this._viewerCore.getPublicInstance(),i=this.page;return this._viewerCore.getPageTools().map(s=>{const n=s.pageToolsIcon.cloneNode(!0);return n.addEventListener(\"click\",n=>{s.handleClick.call(s,n,e,t,i)},!1),n.addEventListener(\"touchend\",n=>{n.preventDefault(),s.handleClick.call(s,n,e,t,i)},!1),n})}unmount(){this._innerElement.removeChild(this._pageToolsElem),this._innerElement.removeChild(this._pageLabelsElem)}refresh(){const e=this._viewerCore.getPageRegion(this.page,{includePadding:!0,incorporateViewport:!0});let t=window.getComputedStyle(this._innerElement,null).getPropertyValue(\"margin-left\");this._pageToolsElem.style.top=`${e.top}px`,this._pageToolsElem.style.left=`${e.left-parseInt(t)}px`,this._pageLabelsElem.style.top=`${e.top}px`,this._pageLabelsElem.style.left=`${e.right-parseInt(t)-this.labelWidth-5}px`}}class _{constructor(e){if(this._viewerCore=e,this._viewerState=e.getInternalState(),this._overlays=[],this._viewerCore.getPageTools().length){const t=e.getSettings().numPages;for(let i=0;i{const i=t.getPageDimensions(e),o=t.getPageOffset(e,{includePadding:!1}),r=o.left+i.height/2,a=o.top+i.width/2,l=Math.max(Math.abs(n-r)-i.width/2,0),h=Math.max(Math.abs(s-a)-i.height/2,0);return-(l*l+h*h)});return null!=o?o:null}(e,this._viewerCore.getCurrentLayout(),this._viewerCore.getViewport());let s=this._viewerState.viewport.intersectionTolerance;this._viewerState.viewport.intersectionTolerance=0;let n=e.filter(e=>this._viewerState.renderer.isPageVisible(e));this._viewerState.viewport.intersectionTolerance=s,null!==i&&this._viewerCore.setCurrentPages(i,n),null!==t&&this._viewerCore.publish(\"ViewerDidJump\",t),this._handleZoomLevelChange()}_handleZoomLevelChange(){const e=this._viewerState,t=e.options.zoomLevel;e.oldZoomLevel!==t&&e.oldZoomLevel>=0&&(e.oldZoomLevel{this._viewerCore.removePageOverlay(e)},this)}}class P{constructor(e){this._viewerCore=e}onDoubleClick(e,t){const i=this._viewerCore.getPagePositionAtViewportOffset(t),s=this._viewerCore.getCurrentLayout(),n=this._viewerCore.getViewport(),o=s.getPageToViewportCenterOffset(i.anchorPage,n);this._viewerCore.reload({inGrid:!1,goDirectlyTo:i.anchorPage,horizontalOffset:o.x+i.offset.left,verticalOffset:o.y+i.offset.top})}onPinch(){this._viewerCore.reload({inGrid:!1})}onViewWillLoad(){}onViewDidLoad(){}onViewDidUpdate(e,t){if(0===e.length)return;let i=this._viewerCore.viewerState.viewport.intersectionTolerance;this._viewerCore.viewerState.viewport.intersectionTolerance=0;let s=e.filter(e=>this._viewerCore.viewerState.renderer.isPageVisible(e));if(this._viewerCore.viewerState.viewport.intersectionTolerance=i,null!==t)return void this._viewerCore.setCurrentPages(t,s);const n=this._viewerCore.getCurrentLayout(),o=[];e.forEach(e=>{const t=n.getPageInfo(e).group;0!==o.length&&t===o[o.length-1]||o.push(t)});const r=this._viewerCore.getViewport();let a;a=1===o.length||o[0].region.top>=r.top?o[0]:o[1].region.bottom<=r.bottom?o[1]:function(e,t){const i=t.top+t.height/2;return b()(e,e=>{const t=e.region.top+e.dimensions.height/2;return-Math.abs(i-t)})}(o,r);const l=this._viewerCore.getSettings().activePageIndex;a.pages.some(e=>e.index===l)||this._viewerCore.setCurrentPages(a.pages[0].index,s)}destroy(){}}class S{constructor(){this._pages={},this._renderedPages=[],this._renderedPageMap={}}addOverlay(e){(this._pages[e.page]||(this._pages[e.page]=[])).push(e),this._renderedPageMap[e.page]&&e.mount()}removeOverlay(e){const t=e.page,i=this._pages[t];if(!i)return;const s=i.indexOf(e);-1!==s&&(this._renderedPageMap[t]&&i[s].unmount(),i.splice(s,1),0===i.length&&delete this._pages[t])}updateOverlays(e){const t=this._renderedPages,i={};e.map(e=>{i[e]=!0,this._renderedPageMap[e]||(this._renderedPageMap[e]=!0,this._invokeOnOverlays(e,e=>{e.mount()}))}),t.map(e=>{i[e]?this._invokeOnOverlays(e,e=>{e.refresh()}):(delete this._renderedPageMap[e],this._invokeOnOverlays(e,e=>{e.unmount()}))}),this._renderedPages=e}_invokeOnOverlays(e,t){const i=this._pages[e];i&&i.map(e=>t(e))}}class C{constructor(e,t){this._rows=e,this._cols=t,this._map=new Array(e).fill(null).map(()=>new Array(t).fill(!1))}isLoaded(e,t){return e>=this._rows||t>=this._cols||this._map[e][t]}set(e,t,i){this._map[e][t]=i}}class L{constructor(e){this._levels=e;const t=this._urlsToTiles={};e.forEach(e=>{e.tiles.forEach(i=>{t[i.url]={zoomLevel:e.zoomLevel,row:i.row,col:i.col}})}),this.clear()}clear(){const e=this._loadedByLevel={};this._levels.forEach(t=>{e[t.zoomLevel]=new C(t.rows,t.cols)})}getTiles(e){const t=[],i=this._levels[0].zoomLevel,s=new C(this._levels[0].rows,this._levels[0].cols);let n;if(null===e)n=0;else{const t=Math.ceil(e);n=function(e,t){const i=e.length;for(let s=0;se.zoomLevel<=t)}this._levels.slice(0,n+1).reverse().concat(this._levels.slice(n+1)).forEach(e=>{const n=this._loadedByLevel[e.zoomLevel];let o=e.tiles.filter(e=>n.isLoaded(e.row,e.col));const r=Math.pow(2,i-e.zoomLevel);o=o.filter(e=>{let t=!1;const i=e.row*r,n=e.col*r;for(let e=0;e{o.push.apply(o,e)}),o}updateFromCache(e){this.clear(),this._levels.forEach(t=>{const i=this._loadedByLevel[t.zoomLevel];t.tiles.forEach(t=>{e.has(t.url)&&i.set(t.row,t.col,!0)})},this)}updateWithLoadedUrls(e){e.forEach(e=>{const t=this._urlsToTiles[e];this._loadedByLevel[t.zoomLevel].set(t.row,t.col,!0)},this)}}class O{constructor(e,t){const i=function(e,t){const i=null===t?e.pageLayouts:function(e,t){const i=Math.pow(2,t-e.maxZoomLevel);return e.pageLayouts.map(e=>({dimensions:E(e.dimensions,i),pages:e.pages.map(e=>({index:e.index,groupOffset:{top:Math.floor(e.groupOffset.top*i),left:Math.floor(e.groupOffset.left*i)},dimensions:E(e.dimensions,i)}))}))}(e,t),s=function(e,t){let i,s;const n=e.padding.document;e.verticallyOriented?(i=\"width\",s=n.left+n.right):(i=\"height\",s=n.top+n.bottom);return s+t.reduce((e,t)=>Math.max(t.dimensions[i],e),0)}(e,i);let n=e.verticallyOriented?e.padding.document.top:e.padding.document.left;const o=[],r={top:e.padding.page.top,left:e.padding.page.left};let a,l;i.forEach((t,i)=>{let a,l;e.verticallyOriented?(a=n,l=(s-t.dimensions.width)/2):(a=(s-t.dimensions.height)/2,l=n);const h={top:a,bottom:a+r.top+t.dimensions.height,left:l,right:l+r.left+t.dimensions.width};o.push({index:i,dimensions:t.dimensions,pages:t.pages,region:h,padding:r}),n=e.verticallyOriented?h.bottom:h.right}),e.verticallyOriented?(a=n+r.top,l=s):(a=s,l=n+r.left);return{dimensions:{height:a,width:l},pageGroups:o}}(e,t);this.dimensions=i.dimensions,this.pageGroups=i.pageGroups,this._pageLookup=function(e){const t={};return e.forEach(e=>{e.pages.forEach(i=>{t[i.index]={index:i.index,group:e,dimensions:i.dimensions,groupOffset:i.groupOffset}})}),t}(i.pageGroups)}getPageInfo(e){return this._pageLookup[e]||null}getPageDimensions(e){if(!this._pageLookup||!this._pageLookup[e])return null;const t=x(this._pageLookup[e]);return{height:t.bottom-t.top,width:t.right-t.left}}getPageOffset(e,t){const i=this.getPageRegion(e,t);return i?{top:i.top,left:i.left}:null}getPageRegion(e,t){const i=this._pageLookup[e];if(!i)return null;const s=x(i),n=i.group.padding;return t&&t.includePadding?{top:s.top+n.top,left:s.left+n.left,bottom:s.bottom,right:s.right}:{top:s.top,left:s.left,bottom:s.bottom+n.top,right:s.right}}getPageToViewportCenterOffset(e,t){const i=t.left,s=t.right-t.left,n=this.getPageOffset(e),o=i-n.left+parseInt(s/2,10),r=t.top,a=t.bottom-t.top;return{x:o,y:r-n.top+parseInt(a/2,10)}}}function x(e){const t=e.groupOffset.top+e.group.region.top,i=t+e.dimensions.height,s=e.groupOffset.left+e.group.region.left;return{top:t,bottom:i,left:s,right:s+e.dimensions.width}}function E(e,t){return{height:Math.floor(e.height*t),width:Math.floor(e.width*t)}}const I=i(1)(\"diva:ImageCache\"),T=100;class D{constructor(e){e=e||{maxKeys:T},this.maxKeys=e.maxKeys||T,this._held={},this._urls={},this._lru=[]}get(e){const t=this._urls[e];return t?t.img:null}has(e){return!!this._urls[e]}put(e,t){let i=this._urls[e];i?(i.img=t,this._promote(i)):(i={img:t,url:e},this._urls[e]=i,this._tryEvict(1),this._lru.unshift(i))}_promote(e){const t=this._lru.indexOf(e);this._lru.splice(t,1),this._lru.unshift(e)}_tryEvict(e){const t=this.maxKeys-e;if(this._lru.length<=t)return;let i=this._lru.length-1;for(;;){const e=this._lru[i];if(!this._held[e.url]&&(I(\"Evicting image %s\",e.url),this._lru.splice(i,1),delete this._urls[e.url],this._lru.length<=t))break;if(0===i){I.enabled&&I(\"Cache overfull by %s (all entries are being held)\",this._lru.length-t);break}i--}}acquire(e){this._held[e]=(this._held[e]||0)+1,this._promote(this._urls[e])}release(e){this._held[e]>1?this._held[e]--:delete this._held[e],this._tryEvict(0)}}class M{constructor(e){this._url=e.url,this._callback=e.load,this._errorCallback=e.error,this.timeoutTime=e.timeoutTime||0,this._aborted=this._complete=!1,this.timeout=setTimeout(()=>{this._image=new Image,this._image.crossOrigin=\"anonymous\",this._image.onload=this._handleLoad.bind(this),this._image.onerror=this._handleError.bind(this),this._image.src=e.url},this.timeoutTime)}abort(){clearTimeout(this.timeout),this._image&&(this._image.onload=this._image.onerror=null,this._image.src=\"\"),this._aborted=!0}_handleLoad(){this._aborted?console.error(\"ImageRequestHandler invoked on cancelled request for \"+this._url):this._complete?console.error(\"ImageRequestHandler invoked on completed request for \"+this._url):(this._complete=!0,this._callback(this._image))}_handleError(){this._errorCallback(this._image)}}var z={animate:function(e){const t=e.duration,i=e.parameters,s=e.onUpdate,n=e.onEnd,o=V(),r=o+t,a={},l={},h=Object.keys(i);h.forEach(e=>{const t=i[e];a[e]=function(e,t,i){return s=>e+(t-e)*i(s)}(t.from,t.to,t.easing||k)});let c=requestAnimationFrame(function e(){const i=V();const n=Math.min((i-o)/t,1);!function(e){h.forEach(t=>{l[t]=a[t](e)})}(n);s(l);iperformance.now():()=>Date.now();const F=250;class j{constructor(e,t){this._viewport=e.viewport,this._outerElement=e.outerElement,this._documentElement=e.innerElement,this._settings=e.settings,this._hooks=t||{},this._canvas=s(\"canvas\",{class:\"diva-viewer-canvas\"}),this._ctx=this._canvas.getContext(\"2d\"),this.layout=null,this._sourceResolver=null,this._renderedPages=null,this._config=null,this._zoomLevel=null,this._compositeImages=null,this._renderedTiles=null,this._animation=null,this._cache=new D,this._pendingRequests={}}static getCompatibilityErrors(){return\"undefined\"!=typeof HTMLCanvasElement?null:[\"Your browser lacks support for the \",s(\"pre\",\"canvas\"),\" element. Please upgrade your browser.\"]}load(e,t,i){if(this._clearAnimation(),this._hooks.onViewWillLoad&&this._hooks.onViewWillLoad(),this._sourceResolver=i,this._config=e,this._compositeImages={},this._setLayoutToZoomLevel(t.zoomLevel),!this.layout.getPageInfo(t.anchorPage))throw new Error(\"invalid page: \"+t.anchorPage);this._canvas.width===this._viewport.width&&this._canvas.height===this._viewport.height||(this._canvas.width=this._viewport.width,this._canvas.height=this._viewport.height),this.goto(t.anchorPage,t.verticalOffset,t.horizontalOffset),this._canvas.parentNode!==this._outerElement&&this._outerElement.insertBefore(this._canvas,this._outerElement.firstChild),this._hooks.onViewDidLoad&&this._hooks.onViewDidLoad()}_setViewportPosition(e){if(e.zoomLevel!==this._zoomLevel){if(null===this._zoomLevel)throw new TypeError(\"The current view is not zoomable\");if(null===e.zoomLevel)throw new TypeError(\"The current view requires a zoom level\");this._setLayoutToZoomLevel(e.zoomLevel)}this._goto(e.anchorPage,e.verticalOffset,e.horizontalOffset)}_setLayoutToZoomLevel(e){this.layout=new O(this._config,e),this._zoomLevel=e,o(this._documentElement,{style:{height:this.layout.dimensions.height+\"px\",width:this.layout.dimensions.width+\"px\"}}),this._viewport.setInnerDimensions(this.layout.dimensions)}adjust(){this._clearAnimation(),this._render(),this._hooks.onViewDidUpdate&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}_render(){const e=[];this.layout.pageGroups.forEach(t=>{if(!this._viewport.intersectsRegion(t.region))return;const i=t.pages.filter(function(e){return this.isPageVisible(e.index)},this).map(e=>e.index);e.push.apply(e,i)},this),this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height),this._paintOutline(e),e.forEach(e=>{if(!this._compositeImages[e]){const t=this.layout.getPageInfo(e),i=this._sourceResolver.getAllZoomLevelsForPage(t),s=new L(i);s.updateFromCache(this._cache),this._compositeImages[e]=s}},this),this._initiateTileRequests(e);const t=R(this._renderedPages||[],e);t.removed.forEach(e=>{delete this._compositeImages[e]},this),this._renderedPages=e,this._paint(),this._hooks.onPageWillLoad&&t.added.forEach(e=>{this._hooks.onPageWillLoad(e)},this)}_paint(){const e=[];this._renderedPages.forEach(t=>{this._compositeImages[t].getTiles(this._zoomLevel).forEach(i=>{const s=A(i,this._zoomLevel);this._isTileVisible(t,s)&&(e.push(i.url),this._drawTile(t,s,this._cache.get(i.url)))})});const t=this._cache,i=R(this._renderedTiles||[],e);i.added.forEach(e=>{t.acquire(e)}),i.removed.forEach(e=>{t.release(e)}),i.removed&&this._renderedPages.forEach(e=>{this._compositeImages[e].updateFromCache(this._cache)},this),this._renderedTiles=e}_paintOutline(e){e.forEach(e=>{let t=this.layout.getPageInfo(e),i=this._getImageOffset(e),s=Math.max(0,(this._viewport.width-this.layout.dimensions.width)/2),n=Math.max(0,(this._viewport.height-this.layout.dimensions.height)/2),o=i.left-this._viewport.left+s,r=i.top-this._viewport.top+n,a=o<0?-o:0,l=r<0?-r:0,h=Math.max(0,o),c=Math.max(0,r),u=t.dimensions.width-a,d=t.dimensions.height-l;this._ctx.strokeStyle=\"#AAA\",this._ctx.strokeRect(h+.5,c+.5,u,d)})}_initiateTileRequests(e){const t={},i=(e,i)=>{const s=this._compositeImages[i];t[e.url]=new M({url:e.url,timeoutTime:F,load:t=>{delete this._pendingRequests[e.url],this._cache.put(e.url,t),s===this._compositeImages[i]?(s.updateWithLoadedUrls([e.url]),this._isTileForSourceVisible(i,e)&&this._paint()):this._isTileForSourceVisible(i,e)&&this._paint()},error:()=>{delete this._pendingRequests[e.url]}})};for(let s=0;s{this._setViewportPosition(t(e)),this._hooks.onZoomLevelWillChange(e.zoomLevel),i&&i()},onEnd:t=>{e.onEnd&&e.onEnd(t),this._hooks.onViewDidUpdate&&!t.interrupted&&this._hooks.onViewDidUpdate(this._renderedPages.slice(),null)}})}_clearAnimation(){this._animation&&(this._animation.cancel(),this._animation=null)}isPageVisible(e){if(!this.layout)return!1;return!!this.layout.getPageInfo(e)&&this._viewport.intersectsRegion(this.layout.getPageRegion(e))}getRenderedPages(){return this._renderedPages.slice()}destroy(){this._clearAnimation(),Object.keys(this._pendingRequests).forEach(e=>{const t=this._pendingRequests[e];delete this._pendingRequests[e],t.abort()},this),this._canvas.parentNode.removeChild(this._canvas)}}function A(e,t){let i;return i=null===t?1:Math.pow(2,t-e.zoomLevel),{sourceZoomLevel:e.zoomLevel,scaleRatio:i,row:e.row,col:e.col,dimensions:{width:e.dimensions.width*i,height:e.dimensions.height*i},offset:{left:e.offset.left*i,top:e.offset.top*i},url:e.url}}function R(e,t){if(e===t)return{added:[],removed:[]};const i=e.filter(e=>-1===t.indexOf(e));return{added:t.filter(t=>-1===e.indexOf(t)),removed:i}}function H(e,t){const i=t.getMaxPageDimensions(e);return{width:Math.floor(i.width),height:Math.floor(i.height)}}function B(e){return function(e){const t=e.manifest,i=[];let s=null,n=[];const o=()=>{for(let e=0,t=n.length;e{const l={index:a,dimensions:H(a,t),paged:!t.paged||r.paged};(e.showNonPagedPages||l.paged)&&(l.paged?0===a||r.facingPages?(i.push([l]),o()):null===s?s=l:(i.push([s,l]),s=null,o()):n.push(l))}),null!==s&&(i.push([s]),o());return i}(e).map(t=>(function(e,t){const i=e.verticallyOriented;if(2===t.length)return function(e,t,i){const s=e.dimensions,n=t.dimensions,o=Math.max(s.height,n.height);let r,a,l;if(i){const e=Math.max(s.width,n.width);r=2*e,a=e-s.width,l=e}else r=s.width+n.width,a=0,l=s.width;return{dimensions:{height:o,width:r},pages:[{index:e.index,dimensions:s,groupOffset:{top:0,left:a}},{index:t.index,dimensions:n,groupOffset:{top:0,left:l}}]}}(t[0],t[1],i);const s=t[0],n=s.dimensions;let o;o=s.paged?0===s.index&&i?n.width:0:i?n.width/2:0;const r=i&&!e.manifest.pages[s.index].facingPages;return{dimensions:{height:n.height,width:r?2*n.width:n.width},pages:[{index:s.index,groupOffset:{top:0,left:o},dimensions:n}]}})(e,t))}function Z(e){const t=e.viewport.width,i=e.manifest,s=e.pagesPerRow,n=e.fixedHeightGrid,o=e.fixedPadding,r=e.showNonPagedPages,a=(t-o*(s+1))/s,l=a,h=n?o+i.minRatio*a:o+i.maxRatio*a,c=[];let u=[];const d={height:h,width:t};return i.pages.forEach((e,t)=>{if(!r&&i.paged&&!e.paged)return;const a=(e=>{const t=e.d[e.d.length-1],i=t.h/t.w;let s,r;return n?(s=(h-o)/i,r=h-o):r=(s=l)*i,{width:Math.round(s),height:Math.round(r)}})(e);let g=Math.floor(u.length*(o+l)+o);n&&(g+=(l-a.width)/2),u.push({index:t,dimensions:a,groupOffset:{top:0,left:g}}),u.length===s&&(c.push({dimensions:d,pages:u}),u=[])}),u.length>0&&c.push({dimensions:d,pages:u}),c}function G(e){if(e.inGrid)return Z(N(e,[\"manifest\",\"viewport\",\"pagesPerRow\",\"fixedHeightGrid\",\"fixedPadding\",\"showNonPagedPages\"]));{const t=N(e,[\"manifest\",\"verticallyOriented\",\"showNonPagedPages\"]);return e.inBookLayout?B(t):function(e){const t=e.manifest,i=[];return t.pages.forEach((s,n)=>{if(!e.showNonPagedPages&&t.paged&&!s.paged)return;const o=H(n,t);i.push({dimensions:o,pages:[{index:n,groupOffset:{top:0,left:0},dimensions:o}]})}),i}(t)}}function N(e,t){const i={};return t.forEach(function(t){i[t]=e[t]}),i}function U(e){const t={};return e.forEach(e=>{!function(e,t){Object.keys(t).forEach(i=>{Object.defineProperty(e,i,{get:()=>t[i],set:()=>{throw new TypeError(\"Cannot set settings.\"+i)}})})}(t,e)}),t}class W{constructor(e){this.whitelistedKeys=e.whitelistedKeys||[],this.additionalProperties=e.additionalProperties||[],this.validations=e.validations}isValid(e,t,i){let s=null;if(this.validations.some((t,i)=>t.key===e&&(s=i,!0)),null===s)return!0;const n={};n[e]=t;const o=Y(i,n,this);return!this._runValidation(s,t,o)}validate(e){this._validateOptions({},e)}getValidatedOptions(e,t){const i=Object.assign({},t);return this._validateOptions(e,i),i}_validateOptions(e,t){const i=Y(e,t,this);this._applyValidations(t,i)}_applyValidations(e,t){this.validations.forEach((i,s)=>{if(!e.hasOwnProperty(i.key))return;const n=e[i.key],o=this._runValidation(s,n,t);o&&(o.warningSuppressed||function(e,t,i){console.warn(\"Invalid value for \"+e+\": \"+t+\". Using \"+i+\" instead.\")}(i.key,n,o.value),e[i.key]=o.value)},this)}_runValidation(e,t,i){const s=this.validations[e];i.index=e;let n=!1;const o={suppressWarning:()=>{n=!0}},r=s.validate(t,i.proxy,o);return void 0===r||r===t?null:{value:r,warningSuppressed:n}}}function Y(e,t,i){const s={proxy:{},index:null},n=function(e,t,i){if(i in t)return t[i];return e[i]}.bind(null,e,t),o={};return i.whitelistedKeys.forEach(e=>{o[e]={get:n.bind(null,e)}}),i.additionalProperties.forEach(e=>{o[e.key]={get:e.get}}),i.validations.forEach((e,t)=>{o[e.key]={get:()=>{if(t=i}hasHorizontalOverlap(e){const t=this.left-this.intersectionTolerance,i=this.right+this.intersectionTolerance;return $(e.left,t,i)||$(e.right,t,i)||e.left<=t&&e.right>=i}invalidate(){this._width=this.outer.clientWidth,this._height=this.outer.clientHeight,this._top=this.outer.scrollTop,this._left=this.outer.scrollLeft}setInnerDimensions(e){this._innerDimensions=e,e&&(this._top=J(this._top,0,e.height-this._height),this._left=J(this._left,0,e.width-this._width))}}function X(e,t){const i=\"_\"+e,s=\"scroll\"+e.charAt(0).toUpperCase()+e.slice(1);return{get:function(){return this[i]},set:function(e){let n;if(this._innerDimensions){n=J(e,0,this._innerDimensions[t]-this[t])}else n=Q(e,0);this[i]=this.outer[s]=n}}}function K(e){return{get:function(){return this[\"_\"+e]}}}function $(e,t,i){return e>=t&&e<=i}function J(e,t,i){return Q(function(e,t){return Math.min(e,t)}(e,i),t)}function Q(e,t){return Math.max(e,t)}Object.defineProperties(q.prototype,{top:X(\"top\",\"height\"),left:X(\"left\",\"width\"),width:K(\"width\"),height:K(\"height\"),bottom:{get:function(){return this._top+this._height}},right:{get:function(){return this._left+this._width}}});const ee=i(1)(\"diva:ViewerCore\");function te(){return te.counter++}te.counter=1;const ie=[{key:\"goDirectlyTo\",validate:(e,t)=>{if(e<0||e>=t.manifest.pages.length)return 0}},{key:\"minPagesPerRow\",validate:e=>Math.max(2,e)},{key:\"maxPagesPerRow\",validate:(e,t)=>Math.max(e,t.minPagesPerRow)},{key:\"pagesPerRow\",validate:(e,t)=>{if(et.maxPagesPerRow)return t.maxPagesPerRow}},{key:\"maxZoomLevel\",validate:(e,t,i)=>{if(i.suppressWarning(),e<0||e>t.manifest.maxZoom)return t.manifest.maxZoom}},{key:\"minZoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):e<0||e>t.maxZoomLevel?0:void 0},{key:\"zoomLevel\",validate:(e,t,i)=>e>t.manifest.maxZoom?(i.suppressWarning(),0):et.maxZoomLevel?t.minZoomLevel:void 0}];class se{constructor(e,t,i){this.parentObject=e,this.publicInstance=i,this.viewerState={currentPageIndices:[0],activePageIndex:0,horizontalOffset:0,horizontalPadding:0,ID:null,initialKeyScroll:!1,initialSpaceScroll:!1,innerElement:null,innerObject:{},isActiveDiva:!0,isScrollable:!0,isZooming:!1,loaded:!1,manifest:null,mobileWebkit:!1,numPages:0,oldZoomLevel:-1,options:t,outerElement:null,outerObject:{},pageOverlays:new S,pageTools:[],parentObject:this.parentObject,pendingManifestRequest:null,pluginInstances:[],renderer:null,resizeTimer:-1,scrollbarWidth:0,selector:\"\",throbberTimeoutID:-1,toolbar:null,verticalOffset:0,verticalPadding:0,viewHandler:null,viewport:null,viewportElement:null,viewportObject:null,zoomDuration:400},this.settings=U([t,this.viewerState]);const n=te();this.viewerState.ID=\"diva-\"+n+\"-\",this.viewerState.selector=this.settings.ID,Object.defineProperties(this.settings,{panelHeight:{get:()=>this.viewerState.viewport.height},panelWidth:{get:()=>this.viewerState.viewport.width}}),this.optionsValidator=new W({additionalProperties:[{key:\"manifest\",get:()=>this.viewerState.manifest}],validations:ie}),this.viewerState.scrollbarWidth=function(){let e=document.createElement(\"p\");e.style.width=\"100%\",e.style.height=\"200px\";let t=document.createElement(\"div\");t.style.position=\"absolute\",t.style.top=\"0px\",t.style.left=\"0px\",t.style.visibility=\"hidden\",t.style.width=\"200px\",t.style.height=\"150px\",t.style.overflow=\"hidden\",t.appendChild(e),document.body.appendChild(t);let i=e.offsetWidth;t.style.overflow=\"scroll\";let s=e.offsetWidth;return i===s&&(s=t.clientWidth),document.body.removeChild(t),i-s}(),this.viewerState.mobileWebkit=void 0!==window.orientation,null===t.hashParamSuffix&&(t.hashParamSuffix=1===n?\"\":n+\"\");const o=s(\"div\",this.elemAttrs(\"inner\",{class:\"diva-inner\"})),r=s(\"div\",this.elemAttrs(\"viewport\"),o),a=s(\"div\",this.elemAttrs(\"outer\"),r,s(\"div\",this.elemAttrs(\"throbber\"),[s(\"div\",{class:\"cube cube1\"}),s(\"div\",{class:\"cube cube2\"}),s(\"div\",{class:\"cube cube3\"}),s(\"div\",{class:\"cube cube4\"}),s(\"div\",{class:\"cube cube5\"}),s(\"div\",{class:\"cube cube6\"}),s(\"div\",{class:\"cube cube7\"}),s(\"div\",{class:\"cube cube8\"}),s(\"div\",{class:\"cube cube9\"})]));this.viewerState.innerElement=o,this.viewerState.viewportElement=r,this.viewerState.outerElement=a,this.viewerState.innerObject=o,this.viewerState.viewportObject=r,this.viewerState.outerObject=a,this.settings.parentObject.append(a),this.viewerState.viewport=new q(this.viewerState.viewportElement,{intersectionTolerance:this.settings.viewportMargin}),this.boundScrollFunction=this.scrollFunction.bind(this),this.boundEscapeListener=this.escapeListener.bind(this),this.initPlugins(),this.handleEvents(),this.showThrobber()}isValidOption(e,t){return this.optionsValidator.isValid(e,t,this.viewerState.options)}elemAttrs(e,t){const i={id:this.settings.ID+e,class:\"diva-\"+e};return t?Object.assign(i,t):i}getPageData(e,t){return this.settings.manifest.pages[e].d[this.settings.zoomLevel][t]}clearViewer(){this.viewerState.viewport.top=0,clearTimeout(this.viewerState.resizeTimer)}hasChangedOption(e,t){return t in e&&e[t]!==this.settings[t]}escapeListener(e){27===e.keyCode&&this.publicInstance.leaveFullscreenMode()}reloadViewer(e){const t=[];if(e=this.optionsValidator.getValidatedOptions(this.settings,e),this.hasChangedOption(e,\"zoomLevel\")&&(this.viewerState.oldZoomLevel=this.settings.zoomLevel,this.viewerState.options.zoomLevel=e.zoomLevel,t.push([\"ZoomLevelDidChange\",e.zoomLevel])),this.hasChangedOption(e,\"pagesPerRow\")&&(this.viewerState.options.pagesPerRow=e.pagesPerRow,t.push([\"GridRowNumberDidChange\",e.pagesPerRow])),this.hasChangedOption(e,\"verticallyOriented\")&&(this.viewerState.options.verticallyOriented=e.verticallyOriented),this.hasChangedOption(e,\"showNonPagedPages\")&&(this.viewerState.options.showNonPagedPages=e.showNonPagedPages),\"goDirectlyTo\"in e?(this.viewerState.options.goDirectlyTo=e.goDirectlyTo,\"verticalOffset\"in e&&(this.viewerState.verticalOffset=e.verticalOffset),\"horizontalOffset\"in e&&(this.viewerState.horizontalOffset=e.horizontalOffset)):this.viewerState.options.goDirectlyTo=this.settings.activePageIndex,(this.hasChangedOption(e,\"inGrid\")||this.hasChangedOption(e,\"inBookLayout\"))&&(\"inGrid\"in e&&(this.viewerState.options.inGrid=e.inGrid),\"inBookLayout\"in e&&(this.viewerState.options.inBookLayout=e.inBookLayout),t.push([\"ViewDidSwitch\",this.settings.inGrid])),this.hasChangedOption(e,\"inFullscreen\")&&(this.viewerState.options.inFullscreen=e.inFullscreen,this.prepareModeChange(e),t.push([\"ModeDidSwitch\",this.settings.inFullscreen])),this.clearViewer(),this.updateViewHandlerAndRendering(),this.viewerState.renderer){const e={pageLayouts:G(this.settings),padding:this.getPadding(),maxZoomLevel:this.settings.inGrid?null:this.viewerState.manifest.maxZoom,verticallyOriented:this.settings.verticallyOriented||this.settings.inGrid},t={zoomLevel:this.settings.inGrid?null:this.settings.zoomLevel,anchorPage:this.settings.goDirectlyTo,verticalOffset:this.viewerState.verticalOffset,horizontalOffset:this.viewerState.horizontalOffset},i=this.getCurrentSourceProvider();if(ee.enabled){const t=Object.keys(e).filter(function(e){return\"pageLayouts\"!==e&&\"padding\"!==e}).map(function(t){const i=e[t];return t+\": \"+JSON.stringify(i)}).join(\", \");ee(\"reload with %s\",t)}this.viewerState.renderer.load(e,t,i)}return t.forEach(e=>{this.publish.apply(this,e)}),!0}prepareModeChange(e){const t=e.inFullscreen?\"add\":\"remove\";this.viewerState.outerObject.classList[t](\"diva-fullscreen\"),document.body.classList[t](\"diva-hide-scrollbar\"),this.settings.parentObject.classList[t](\"diva-full-width\");const i=this.settings.panelHeight,s=this.settings.panelWidth;if(this.viewerState.viewport.invalidate(),!(this.viewerState.loaded||this.settings.inGrid||\"verticalOffset\"in e)){const e=this.settings.panelHeight,t=this.settings.panelWidth;this.viewerState.verticalOffset+=(i-e)/2,this.viewerState.horizontalOffset+=(s-t)/2}e.inFullscreen?document.addEventListener(\"keyup\",this.boundEscapeListener):document.removeEventListener(\"keyup\",this.boundEscapeListener)}updateViewHandlerAndRendering(){const e=this.settings.inGrid?P:_;!this.viewerState.viewHandler||this.viewerState.viewHandler instanceof e||(this.viewerState.viewHandler.destroy(),this.viewerState.viewHandler=null),this.viewerState.viewHandler||(this.viewerState.viewHandler=new e(this)),this.viewerState.renderer||this.initializeRenderer()}initializeRenderer(){const e=j.getCompatibilityErrors();if(e)this.showError(e);else{const e={viewport:this.viewerState.viewport,outerElement:this.viewerState.outerElement,innerElement:this.viewerState.innerElement,settings:this.settings},t={onViewWillLoad:()=>{this.viewerState.viewHandler.onViewWillLoad()},onViewDidLoad:()=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidLoad()},onViewDidUpdate:(e,t)=>{this.updatePageOverlays(),this.viewerState.viewHandler.onViewDidUpdate(e,t)},onViewDidTransition:()=>{this.updatePageOverlays()},onPageWillLoad:e=>{this.publish(\"PageWillLoad\",e)},onZoomLevelWillChange:e=>{this.publish(\"ZoomLevelWillChange\",e)}};this.viewerState.renderer=new j(e,t)}}getCurrentSourceProvider(){if(this.settings.inGrid){const e={getAllZoomLevelsForPage:t=>[e.getBestZoomLevelForPage(t)],getBestZoomLevelForPage:e=>{return{zoomLevel:1,rows:1,cols:1,tiles:[{url:this.settings.manifest.getPageImageURL(e.index,{width:e.dimensions.width}),zoomLevel:1,row:0,col:0,dimensions:e.dimensions,offset:{top:0,left:0}}]}}};return e}const e={width:this.settings.tileWidth,height:this.settings.tileHeight};return{getBestZoomLevelForPage:t=>this.settings.manifest.getPageImageTiles(t.index,Math.ceil(this.settings.zoomLevel),e),getAllZoomLevelsForPage:t=>{const i=[],s=this.viewerState.manifest.maxZoom;for(let n=0;n<=s;n++)i.push(this.settings.manifest.getPageImageTiles(t.index,n,e));return i.reverse(),i}}}getPadding(){let e,t,i,s;return this.settings.inGrid?(i=this.settings.fixedPadding,e=t=s=0):(e=this.settings.verticallyOriented?this.viewerState.verticalPadding:0,t=this.settings.verticallyOriented?0:this.viewerState.horizontalPadding,i=this.settings.verticallyOriented?0:this.viewerState.verticalPadding,s=this.settings.verticallyOriented?this.viewerState.horizontalPadding:0),{document:{top:i,bottom:i,left:s,right:s},page:{top:e,bottom:0,left:t,right:0}}}updatePageOverlays(){this.viewerState.pageOverlays.updateOverlays(this.viewerState.renderer.getRenderedPages())}handleZoom(e,t){if(!this.isValidOption(\"zoomLevel\",e))return!1;if(this.viewerState.viewportObject.removeEventListener(\"scroll\",this.boundScrollFunction),!t){const e=this.viewerState.viewport,i=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);t={anchorPage:this.settings.activePageIndex,offset:{left:e.width/2-(i.left-e.left),top:e.height/2-(i.top-e.top)}}}const i=this.viewerState.renderer.layout.getPageRegion(t.anchorPage),s=i.left+t.offset.left-(this.settings.viewport.left+this.settings.viewport.width/2),n=i.top+t.offset.top-(this.settings.viewport.top+this.settings.viewport.height/2),o=(e,i)=>{const o=Math.pow(2,e-i),r=t.offset.left*o-s,a=t.offset.top*o-n;return{zoomLevel:e,anchorPage:t.anchorPage,verticalOffset:a,horizontalOffset:r}};this.viewerState.options.zoomLevel=e;let r=this.viewerState.oldZoomLevel;this.viewerState.oldZoomLevel=this.settings.zoomLevel;const a=o(e,r);this.viewerState.options.goDirectlyTo=a.anchorPage,this.viewerState.verticalOffset=a.verticalOffset,this.viewerState.horizontalOffset=a.horizontalOffset,this.viewerState.renderer.transitionViewportPosition({duration:this.settings.zoomDuration,parameters:{zoomLevel:{from:r,to:e}},getPosition:e=>o(e.zoomLevel,r),onEnd:t=>{this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction),t.interrupted&&(this.viewerState.oldZoomLevel=e)}});let l=document.getElementById(this.settings.selector+\"zoom-in-button\"),h=document.getElementById(this.settings.selector+\"zoom-out-button\");return l.disabled=!0,h.disabled=!0,setTimeout(()=>{l.disabled=!1,h.disabled=!1},this.settings.zoomDuration),this.publish(\"ZoomLevelDidChange\",e),!0}getYOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"center\"===t||\"centre\"===t?parseInt(this.getPageData(i,\"h\")/2,10):\"bottom\"===t?parseInt(this.getPageData(i,\"h\")-this.settings.panelHeight/2,10):parseInt(this.settings.panelHeight/2,10)}getXOffset(e,t){let i=void 0===e?this.settings.activePageIndex:e;return\"left\"===t?parseInt(this.settings.panelWidth/2,10):\"right\"===t?parseInt(this.getPageData(i,\"w\")-this.settings.panelWidth/2,10):parseInt(this.getPageData(i,\"w\")/2,10)}updatePanelSize(){return this.viewerState.viewport.invalidate(),this.viewerState.renderer&&(this.updateOffsets(),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),!0}updateOffsets(){const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e&&(this.viewerState.horizontalOffset=e.x,this.viewerState.verticalOffset=e.y)}bindMouseEvents(){this.viewerState.viewportObject.classList.add(\"dragscroll\"),u.onDoubleClick(this.viewerState.viewportObject,(e,t)=>{ee(\"Double click at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}onResize(){this.updatePanelSize(),clearTimeout(this.viewerState.resizeTimer),this.viewerState.resizeTimer=setTimeout(()=>{const e=this.viewerState.renderer.layout.getPageToViewportCenterOffset(this.settings.activePageIndex,this.viewerState.viewport);e?this.reloadViewer({goDirectlyTo:this.settings.activePageIndex,verticalOffset:e.y,horizontalOffset:e.x}):this.reloadViewer({goDirectlyTo:this.settings.activePageIndex})},200)}bindTouchEvents(){this.settings.blockMobileMove&&document.body.addEventListener(\"touchmove\",e=>{return e.originalEvent.preventDefault(),!1}),u.onPinch(this.viewerState.viewportObject,function(e,t,i,s){ee(\"Pinch %s at %s, %s\",s-i,t.left,t.top),this.viewerState.viewHandler.onPinch(e,t,i,s)}),u.onDoubleTap(this.viewerState.viewportObject,function(e,t){ee(\"Double tap at %s, %s\",t.left,t.top),this.viewerState.viewHandler.onDoubleClick(e,t)})}scrollFunction(){const e=this.viewerState.viewport.top,t=this.viewerState.viewport.left;let i;this.viewerState.viewport.invalidate();const s=this.viewerState.viewport.top,n=this.viewerState.viewport.left;i=this.settings.verticallyOriented||this.settings.inGrid?s-e:n-t,this.viewerState.renderer.adjust();const o=this.settings.verticallyOriented||this.settings.inGrid?s:n;this.publish(\"ViewerDidScroll\",o),i>0?this.publish(\"ViewerDidScrollDown\",o):i<0&&this.publish(\"ViewerDidScrollUp\",o),this.updateOffsets()}handleEvents(){this.viewerState.innerObject.addEventListener(\"mousedown\",()=>{this.viewerState.innerObject.classList.add(\"diva-grabbing\")}),this.viewerState.innerObject.addEventListener(\"mouseup\",()=>{this.viewerState.innerObject.classList.remove(\"diva-grabbing\")}),this.bindMouseEvents(),this.viewerState.viewportObject.addEventListener(\"scroll\",this.boundScrollFunction);document.addEventListener(\"keydown.diva\",e=>{if(!this.viewerState.isActiveDiva)return!0;if(this.settings.enableSpaceScroll&&!e.shiftKey&&32===e.keyCode||this.settings.enableKeyScroll&&34===e.keyCode)return this.viewerState.viewport.top+=this.settings.panelHeight,!1;if(this.settings.enableSpaceScroll||32!==e.keyCode||e.preventDefault(),this.settings.enableKeyScroll){if(e.shiftKey||e.ctrlKey||e.metaKey)return!0;switch(e.keyCode){case 33:return this.viewerState.viewport.top-=this.settings.panelHeight,!1;case 38:return this.viewerState.viewport.top-=this.settings.arrowScrollAmount,!1;case 40:return this.viewerState.viewport.top+=this.settings.arrowScrollAmount,!1;case 37:return this.viewerState.viewport.left-=this.settings.arrowScrollAmount,!1;case 39:return this.viewerState.viewport.left+=this.settings.arrowScrollAmount,!1;case 36:return this.viewerState.viewport.top=0,!1;case 35:return this.settings.verticallyOriented?this.viewerState.viewport.top=1/0:this.viewerState.viewport.left=1/0,!1;default:return!0}}return!0}),c.Events.subscribe(\"ViewerDidTerminate\",function(){document.removeEventListener(\"keydown.diva\")},this.settings.ID),window.addEventListener(\"resize\",this.onResize.bind(this),!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"resize\",this.onResize,!1)},this.settings.ID),\"onorientationchange\"in window&&(window.addEventListener(\"orientationchange\",this.onResize,!1),c.Events.subscribe(\"ViewerDidTerminate\",function(){window.removeEventListener(\"orientationchange\",this.onResize,!1)},this.settings.ID)),c.Events.subscribe(\"PanelSizeDidChange\",this.updatePanelSize,this.settings.ID),c.Events.subscribe(\"ViewerDidTerminate\",()=>{this.viewerState.renderer&&this.viewerState.renderer.destroy(),clearTimeout(this.viewerState.resizeTimer)},this.settings.ID)}initPlugins(){if(!this.settings.hasOwnProperty(\"plugins\"))return null;this.viewerState.pluginInstances=this.settings.plugins.map(e=>{const t=new e(this);return t.isPageTool&&this.viewerState.pageTools.push(t),t})}showThrobber(){this.hideThrobber(),this.viewerState.throbberTimeoutID=setTimeout(()=>{let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"block\")},this.settings.throbberTimeout)}hideThrobber(){clearTimeout(this.viewerState.throbberTimeoutID);let e=document.getElementById(this.settings.selector+\"throbber\");e&&(e.style.display=\"none\")}showError(e){const t=s(\"div\",this.elemAttrs(\"error\"),[s(\"button\",this.elemAttrs(\"error-close\",{\"aria-label\":\"Close dialog\"})),s(\"p\",s(\"strong\",\"Error\")),s(\"div\",e)]);this.viewerState.outerObject.appendChild(t),document.querySelector(this.settings.selector+\"error-close\").addEventListener(\"click\",()=>{t.parentNode.removeChild(t)})}setManifest(e,t){if(this.viewerState.manifest=e,this.hideThrobber(),this.viewerState.numPages=this.settings.manifest.pages.length,this.optionsValidator.validate(this.viewerState.options),this.publish(\"NumberOfPagesDidChange\",this.settings.numPages),this.settings.adaptivePadding>0){const e=Math.floor((this.settings.minZoomLevel+this.settings.maxZoomLevel)/2);this.viewerState.horizontalPadding=parseInt(this.settings.manifest.getAverageWidth(e)*this.settings.adaptivePadding,10),this.viewerState.verticalPadding=parseInt(this.settings.manifest.getAverageHeight(e)*this.settings.adaptivePadding,10)}else this.viewerState.horizontalPadding=this.settings.fixedPadding,this.viewerState.verticalPadding=this.settings.fixedPadding;let i,n;this.viewerState.pageTools.length&&(this.viewerState.verticalPadding=Math.max(40,this.viewerState.verticalPadding)),this.settings.manifest.paged&&(this.viewerState.options.inBookLayout=!0),this.publish(\"ObjectDidLoad\",this.settings),this.updatePanelSize();let o=!1,r=!1;if(null==t.goDirectlyTo?(t.goDirectlyTo=this.settings.goDirectlyTo,i=n=!0):(i=null==t.horizontalOffset||isNaN(t.horizontalOffset),n=null==t.verticalOffset||isNaN(t.verticalOffset)),i&&(0===t.goDirectlyTo&&this.settings.inBookLayout&&this.settings.verticallyOriented?t.horizontalOffset=this.viewerState.horizontalPadding:(r=!0,t.horizontalOffset=this.getXOffset(t.goDirectlyTo,\"center\"))),n&&(o=!0,t.verticalOffset=this.getYOffset(t.goDirectlyTo,\"top\")),this.reloadViewer(t),this.updatePanelSize(),this.settings.enableAutoTitle){let e=document.getElementById(this.settings.selector+\"title\");e?e.innerHTML=this.settings.manifest.itemTitle:this.settings.parentObject.insertBefore(s(\"div\",this.elemAttrs(\"title\"),[this.settings.manifest.itemTitle]),this.settings.parentObject.firstChild)}this.settings.verticallyOriented?this.viewerState.innerElement.style.minWidth=this.settings.panelWidth+\"px\":this.viewerState.innerElement.style.minHeight=this.settings.panelHeight+\"px\",(o||r)&&(o&&(this.viewerState.verticalOffset=this.getYOffset(this.settings.activePageIndex,\"top\")),r&&(this.viewerState.horizontalOffset=this.getXOffset(this.settings.activePageIndex,\"center\")),this.viewerState.renderer.goto(this.settings.activePageIndex,this.viewerState.verticalOffset,this.viewerState.horizontalOffset)),this.viewerState.loaded=!0,this.publish(\"ViewerDidLoad\",this.settings)}publish(e){const t=Array.prototype.slice.call(arguments,1);c.Events.publish(e,t,this.publicInstance)}getSettings(){return this.settings}getInternalState(){return this.viewerState}getPublicInstance(){return this.publicInstance}getPageTools(){return this.viewerState.pageTools}getCurrentLayout(){return this.viewerState.renderer?this.viewerState.renderer.layout:null}getViewport(){const e=this.viewerState.viewport;return{top:e.top,left:e.left,bottom:e.bottom,right:e.right,width:e.width,height:e.height}}addPageOverlay(e){this.viewerState.pageOverlays.addOverlay(e)}removePageOverlay(e){this.viewerState.pageOverlays.removeOverlay(e)}getPageRegion(e,t){const i=this.viewerState.renderer.layout,s=i.getPageRegion(e,t);if(t&&t.incorporateViewport){const e=this.settings.verticallyOriented?\"width\":\"height\";if(this.viewerState.viewport[e]>i.dimensions[e]){const t=(this.viewerState.viewport[e]-i.dimensions[e])/2;return this.settings.verticallyOriented?{top:s.top,bottom:s.bottom,left:s.left+t,right:s.right+t}:{top:s.top+t,bottom:s.bottom+t,left:s.left,right:s.right}}}return s}getPagePositionAtViewportOffset(e){const t=e.left+this.viewerState.viewport.left,i=e.top+this.viewerState.viewport.top,s=this.viewerState.renderer.getRenderedPages(),n=s.length;for(let e=0;e=t&&o.top<=i&&o.bottom>=i)return{anchorPage:n,offset:{left:t-o.left,top:i-o.top}}}const o=this.viewerState.renderer.layout.getPageRegion(this.settings.activePageIndex);return{anchorPage:this.settings.activePageIndex,offset:{left:t-o.left,top:i-o.top}}}setCurrentPages(e,t){(function(e,t){if(e.length!==t.length)return!1;for(let i=0,s=e.length;i0&&this.publish(\"VisiblePageHasAlternateViews\",e))}getPageName(e){return this.viewerState.manifest.pages[e].f}reload(e){this.reloadViewer(e)}zoom(e,t){return this.handleZoom(e,t)}enableScrollable(){this.viewerState.isScrollable||(this.bindMouseEvents(),this.enableDragScrollable(),this.viewerState.options.enableKeyScroll=this.viewerState.initialKeyScroll,this.viewerState.options.enableSpaceScroll=this.viewerState.initialSpaceScroll,this.viewerState.viewportElement.style.overflow=\"auto\",this.viewerState.isScrollable=!0)}enableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")&&this.viewerState.viewportObject.removeAttribute(\"nochilddrag\")}disableScrollable(){this.viewerState.isScrollable&&(this.disableDragScrollable(),this.viewerState.outerObject.dblclick=null,this.viewerState.outerObject.contextmenu=null,this.viewerState.viewportElement.style.overflow=\"hidden\",this.viewerState.initialKeyScroll=this.settings.enableKeyScroll,this.viewerState.initialSpaceScroll=this.settings.enableSpaceScroll,this.viewerState.options.enableKeyScroll=!1,this.viewerState.options.enableSpaceScroll=!1,this.viewerState.isScrollable=!1)}disableDragScrollable(){this.viewerState.viewportObject.hasAttribute(\"nochilddrag\")||this.viewerState.viewportObject.setAttribute(\"nochilddrag\",\"\")}clear(){this.clearViewer()}setPendingManifestRequest(e){this.viewerState.pendingManifestRequest=e}destroy(){this.publish(\"ViewerWillTerminate\",this.settings),this.settings.pendingManifestRequest&&this.settings.pendingManifestRequest.abort(),document.body.removeClass(\"diva-hide-scrollbar\"),this.settings.parentObject.parent().empty().removeData(\"diva\"),this.settings.parentObject.parent().removeAttr(\"style\").removeAttr(\"class\"),this.publish(\"ViewerDidTerminate\",this.settings),c.Events.unsubscribeAll(this.settings.ID)}}const ne=(e,t)=>{const i=Math.max(e,t);return i<128?0:Math.ceil(Math.log((i+1)/257)/Math.log(2))},oe=(e,t)=>e/Math.pow(2,t),re=(e,t)=>e.map(e=>{const i=e.width,s=e.height,n=he(e),o=\"/\"!==n.url.slice(-1)?n.url+\"/\":n.url,r=new Array(t+1);for(let e=0;e\"http://iiif.io/api/presentation/2/context.json\"===e?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/2/context.json\")?2:Array.isArray(e)&&e.includes(\"http://iiif.io/api/presentation/3/context.json\")?3:2;function le(e){let t=e[\"@context\"];if(!t)return console.error(\"Invalid IIIF Manifest; No @context found.\"),null;const i=ae(t),s=e.sequences?e.sequences[0]:null,n=s?s.canvases:e.items,o=n.length,r=new Array(n.length);let a,l,h,c,u,d,g,v,p,f,m,w,b,y,_,P,S,C=[],L=100,O=0,x=100;for(let e=0;ee[Object.keys(e)[0]]):\"object\"==typeof n?n[Object.keys(n)[0]]:n,Array.isArray(t)&&(t=t.join(\", \")),{label:s,value:t}}(e).label,metadata:e.metadata||null,dims:V,max_zoom:L,pgs:r,paged:\"paged\"===e.viewingHint||!!e.behaviour&&\"paged\"===e.behaviour[0]||!!s&&\"paged\"===s.viewingHint}}function he(e){let t=e[\"@id\"]||e.id;const i=/#xywh=([0-9]+,[0-9]+,[0-9]+,[0-9]+)/;let s=\"\",n=!0;if(/\\/([0-9]+,[0-9]+,[0-9]+,[0-9]+)\\//.test(t)){const e=t.split(\"/\");s=e[e.length-4]}else if(i.test(t)){s=i.exec(t)[1]}else e.service&&(e.service[\"@id\"]||e.service.id)&&(t=e.service[\"@id\"]||e.service.id,n=!1);n&&(t=t.split(\"/\").slice(0,-4).join(\"/\"));const o={url:t};if(s.length){const e=s.split(\",\");o.x=parseInt(e[0],10),o.y=parseInt(e[1],10),o.w=parseInt(e[2],10),o.h=parseInt(e[3],10)}return o}class ce{getPageImageURL(e,t,i){let s;s=!i||null==i.width&&null==i.height?\"full\":(null==i.width?\"\":i.width)+\",\"+(null==i.height?\"\":i.height);const n=e.pages[t],o=n.api>1.1?\"default\":\"native\";return encodeURI(n.url+\"full/\"+s+\"/0/\"+o+\".jpg\")}getTileImageURL(e,t,i){const s=e.pages[t];let n,o;n=i.row===i.rowCount-1?s.d[i.zoomLevel].h-(i.rowCount-1)*i.tileDimensions.height:i.tileDimensions.height,o=i.col===i.colCount-1?s.d[i.zoomLevel].w-(i.colCount-1)*i.tileDimensions.width:i.tileDimensions.width;const r=Math.pow(2,e.maxZoom-i.zoomLevel);let a=i.col*i.tileDimensions.width*r,l=i.row*i.tileDimensions.height*r;s.hasOwnProperty(\"xoffset\")&&(a+=s.xoffset,l+=s.yoffset);const h=[a,l,o*r,n*r].join(\",\"),c=s.api>1.1?\"default\":\"native\";return encodeURI(s.url+h+\"/\"+o+\",\"+n+\"/0/\"+c+\".jpg\")}}class ue{constructor(e,t){this.pages=e.pgs,this.maxZoom=e.max_zoom,this.maxRatio=e.dims.max_ratio,this.minRatio=e.dims.min_ratio,this.itemTitle=e.item_title,this.metadata=e.metadata,this.paged=!!e.paged,this._maxWidths=e.dims.max_w,this._maxHeights=e.dims.max_h,this._averageWidths=e.dims.a_wid,this._averageHeights=e.dims.a_hei,this._totalHeights=e.dims.t_hei,this._totalWidths=e.dims.t_wid,this._urlAdapter=t}static fromIIIF(e){const t=le(e);return new ue(t,new ce)}isPageValid(e,t){return!(!t&&this.paged&&!this.pages[e].paged)&&(e>=0&&e{this.viewer.setZoomLevel(this.settings.zoomLevel-1)},e),this.createButton(\"zoom-in-button\",\"Zoom In\",()=>{this.viewer.setZoomLevel(this.settings.zoomLevel+1)},t),this.createLabel(\"diva-zoom-label\",\"zoom-label\",\"Zoom level: \",\"zoom-level\",this.settings.zoomLevel+1)],n=function(){document.getElementById(this.settings.ID+\"zoom-level\").textContent=this.settings.zoomLevel+1};return this._subscribe(\"ZoomLevelDidChange\",n),this._subscribe(\"ViewerDidLoad\",n),s(\"div\",{id:this.settings.ID+\"zoom-controls\",style:\"display: none\"},i)}createGridControls(){let e=this._createGridMoreIcon(),t=this._createGridFewerIcon(),i=[this.createButton(\"grid-out-button\",\"Fewer\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow-1)},t),this.createButton(\"grid-in-button\",\"More\",()=>{this.viewer.setGridPagesPerRow(this.settings.pagesPerRow+1)},e),this.createLabel(\"diva-grid-label\",\"grid-label\",\"Pages per row: \",\"pages-per-row\",this.settings.pagesPerRow)];return this._subscribe(\"GridRowNumberDidChange\",function(){document.getElementById(this.settings.ID+\"pages-per-row\").textContent=this.settings.pagesPerRow}),s(\"div\",{id:this.settings.ID+\"grid-controls\",style:\"display:none\"},i)}createPageLabel(){const e=s(\"span\",{id:this.settings.ID+\"current-page\"}),t=()=>{let t=this.viewer.getCurrentPageIndices(),i=t[0],s=t[t.length-1],n=this.settings.manifest.pages[i].l,o=this.settings.manifest.pages[s].l;i!==s?this.settings.enableIndexAsLabel?e.textContent=i+\" - \"+s:e.textContent=n+\" - \"+o:this.settings.enableIndexAsLabel?e.textContent=i:e.textContent=n};return this._subscribe(\"VisiblePageDidChange\",t),this._subscribe(\"ViewerDidLoad\",t),this._subscribe(\"ViewDidSwitch\",t),s(\"span\",{class:\"diva-page-label diva-label\"},e)}createGotoPageForm(){const e=s(\"input\",{id:this.settings.ID+\"goto-page-input\",class:\"diva-input diva-goto-page-input\",autocomplete:\"off\",type:\"text\"}),t=s(\"input\",{id:this.settings.ID+\"goto-page-submit\",class:\"diva-button diva-button-text\",type:\"submit\",value:\"Go\"}),i=s(\"div\",{id:this.settings.ID+\"input-suggestions\",class:\"diva-input-suggestions\"}),n=s(\"form\",{id:this.settings.ID+\"goto-page\",class:\"diva-goto-form\"},e,t,i);return n.addEventListener(\"submit\",t=>{t.preventDefault();const s=e.value;if(this.settings.onGotoSubmit&&\"function\"==typeof this.settings.onGotoSubmit){const e=this.settings.onGotoSubmit(s);this.viewer.gotoPageByIndex(e)||window.alert(\"No page could be found with that label or page number\")}else this.viewer.gotoPageByLabel(s)||window.alert(\"No page could be found with that label or page number\");return i.style.display=\"none\",!1}),[\"input\",\"focus\"].forEach(t=>{e.addEventListener(t,()=>{i.innerHTML=\"\";const t=e.value;let n=0;if(this.settings.enableGotoSuggestions&&t){const e=this.settings.manifest.pages;for(let o=0,r=e.length;o-1){const t=s(\"div\",{class:\"diva-input-suggestion\"},e[o].l);i.appendChild(t),n++}n>0&&(i.style.display=\"block\")}else i.style.display=\"none\"})}),e.addEventListener(\"keydown\",t=>{let i;if(13===t.keyCode){const t=document.getElementsByClassName(\"active\")[0];void 0!==t&&(e.value=t.innerText)}if(38===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.previousSibling:void 0;if(void 0!==e)i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\");else{let e=document.getElementsByClassName(\"diva-input-suggestion\").length-1;document.getElementsByClassName(\"diva-input-suggestion\")[e].classList.add(\"active\")}}else if(40===t.keyCode){const e=(i=document.getElementsByClassName(\"active\")[0])?i.nextSibling:void 0;void 0!==e?(i.classList.remove(\"active\"),null!==e&&e.classList.add(\"active\")):document.getElementsByClassName(\"diva-input-suggestion\")[0].classList.add(\"active\")}}),function(e,t,i,s){e.addEventListener(t,function(e){for(var t=e.target;t&&t!==this;)t.matches(i)&&s.call(t,e),t=t.parentNode})}(i,\"mousedown\",\".diva-input-suggestion\",function(){e.value=this.textContent,i.style.display=\"none\";let t=new Event(\"submit\");n.dispatchEvent(t)}),e.addEventListener(\"blur\",()=>{i.style.display=\"none\"}),n}createViewMenu(){const e=s(\"div\",this._elemAttrs(\"view-options\")),t=this._createGridViewIcon(),i=this._createBookViewIcon(),n=this._createPageViewIcon(),o=this.createButton(\"view-icon\",\"Change view\",()=>{e.style.display=\"none\"===e.style.display?\"block\":\"none\"}),r=t=>{this.viewer.changeView(t),e.style.display=\"none\"},a=()=>{this.settings.inGrid?(o.appendChild(t),o.className=\"diva-grid-icon diva-view-icon diva-button\"):this.settings.inBookLayout?(o.appendChild(i),o.className=\"diva-book-icon diva-view-icon diva-button\"):(o.appendChild(n),o.className=\"diva-document-icon diva-view-icon diva-button\");const s=document.createDocumentFragment();for((this.settings.inGrid||this.settings.inBookLayout)&&s.appendChild(this.createButton(\"document-icon\",\"Document View\",r.bind(null,\"document\"),n)),!this.settings.inGrid&&this.settings.inBookLayout||s.appendChild(this.createButton(\"book-icon\",\"Book View\",r.bind(null,\"book\"),i)),this.settings.inGrid||s.appendChild(this.createButton(\"grid-icon\",\"Grid View\",r.bind(null,\"grid\"),t));e.firstChild;)e.removeChild(e.firstChild);e.appendChild(s)};return document.addEventListener(\"mouseup\",t=>{e!==t.target&&(e.style.display=\"none\")}),this._subscribe(\"ViewDidSwitch\",a),this._subscribe(\"ObjectDidLoad\",a),s(\"div\",this._elemAttrs(\"view-menu\"),o,e)}createFullscreenButton(){let e=this._createFullscreenIcon();return this.createButton(\"fullscreen-icon\",\"Toggle fullscreen mode\",()=>{this.viewer.toggleFullscreenMode()},e)}toggleZoomGridControls(){this.settings.inGrid?(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"none\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"block\"):(document.getElementById(this.settings.ID+\"zoom-controls\").style.display=\"block\",document.getElementById(this.settings.ID+\"grid-controls\").style.display=\"none\")}render(){this._subscribe(\"ViewDidSwitch\",this.toggleZoomGridControls),this._subscribe(\"ObjectDidLoad\",this.toggleZoomGridControls);let e=[this.createZoomButtons(),this.createGridControls()],t=[this.createPageLabel(),this.createViewMenu()];this.settings.enableFullscreen&&t.push(this.createFullscreenButton()),this.settings.enableGotoPage&&t.splice(1,0,this.createGotoPageForm());let i=this.viewer.viewerState.pluginInstances;for(let s=0,o=i.length;s{let t=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");t.setAttributeNS(null,\"d\",e),i.appendChild(t)}),t.appendChild(i),t}_createZoomOutIcon(){return this._createToolbarIcon([\"M19.5,23c-0.275,0-0.5-0.225-0.5-0.5v-1c0-0.275,0.225-0.5,0.5-0.5h7c0.275,0,0.5,0.225,0.5,0.5v1c0,0.275-0.225,0.5-0.5,0.5H19.5z\",\"M37.219,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.422,33.722,37.422,34.054,37.219,34.257z M29.568,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.555,28.818,29.568,25.805,29.568,22.099z\"])}_createZoomInIcon(){return this._createToolbarIcon([\"M37.469,34.257l-2.213,2.212c-0.202,0.202-0.534,0.202-0.736,0l-6.098-6.099c-1.537,0.993-3.362,1.577-5.323,1.577c-5.431,0-9.849-4.418-9.849-9.849c0-5.431,4.418-9.849,9.849-9.849c5.431,0,9.849,4.418,9.849,9.849c0,1.961-0.584,3.786-1.576,5.323l6.098,6.098C37.672,33.722,37.672,34.054,37.469,34.257z M29.818,22.099c0-3.706-3.014-6.72-6.72-6.72c-3.706,0-6.72,3.014-6.72,6.72c0,3.706,3.014,6.72,6.72,6.72C26.805,28.818,29.818,25.805,29.818,22.099z M26.5,21H24v-2.5c0-0.275-0.225-0.5-0.5-0.5h-1c-0.275,0-0.5,0.225-0.5,0.5V21h-2.5c-0.275,0-0.5,0.225-0.5,0.5v1c0,0.275,0.225,0.5,0.5,0.5H22v2.5c0,0.275,0.225,0.5,0.5,0.5h1c0.275,0,0.5-0.225,0.5-0.5V23h2.5c0.275,0,0.5-0.225,0.5-0.5v-1C27,21.225,26.775,21,26.5,21z\"])}_createGridMoreIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createGridFewerIcon(){return this._createToolbarIcon([\"M25.5,35c-0.275,0-0.5-0.225-0.5-0.5v-9c0-0.275,0.225-0.5,0.5-0.5h9c0.275,0,0.5,0.225,0.5,0.5v9c0,0.275-0.225,0.5-0.5,0.5H25.5z M22.5,35c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z M34.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H34.5z M22.5,23c0.275,0,0.5-0.225,0.5-0.5v-9c0-0.275-0.225-0.5-0.5-0.5h-9c-0.275,0-0.5,0.225-0.5,0.5v9c0,0.275,0.225,0.5,0.5,0.5H22.5z\"])}_createGridViewIcon(){return this._createToolbarIcon([\"M29.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,35c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,27c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z M29.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H29.5z M21.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H21.5z M13.5,19c-0.275,0-0.5-0.225-0.5-0.5v-5c0-0.275,0.225-0.5,0.5-0.5h5c0.275,0,0.5,0.225,0.5,0.5v5c0,0.275-0.225,0.5-0.5,0.5H13.5z\"])}_createBookViewIcon(){return this._createToolbarIcon([\"M35,16.8v-1.323c0,0-2.292-1.328-5.74-1.328c-3.448,0-5.26,1.25-5.26,1.25s-1.813-1.25-5.26-1.25c-3.448,0-5.74,1.328-5.74,1.328V16.8l-1,0.531v0.021v15.687c0,0,4.531-1.578,6.999-1.578c2.468,0,5.001,0.885,5.001,0.885s2.532-0.885,5-0.885c0.306,0,0.643,0.024,1,0.066v4.325l1.531-2.016L33,35.852v-3.72c2,0.43,3,0.906,3,0.906V17.352v-0.021L35,16.8z M23,29.03c-1-0.292-2.584-0.679-3.981-0.679c-2.246,0-3.019,0.404-4.019,0.699V16.634c0,0,1.125-0.699,4.019-0.699c1.694,0,2.981,0.417,3.981,1.126V29.03z M33,29.051c-1-0.295-1.773-0.699-4.02-0.699c-1.396,0-2.981,0.387-3.98,0.679V17.06c1-0.709,2.286-1.126,3.98-1.126c2.895,0,4.02,0.699,4.02,0.699V29.051z\"])}_createPageViewIcon(){return this._createToolbarIcon([\"M29.425,29h4.47L29,33.934v-4.47C29,29.19,29.151,29,29.425,29z M34,14.563V28h-5.569C28.157,28,28,28.196,28,28.47V34H14.497C14.223,34,14,33.71,14,33.437V14.563C14,14.29,14.223,14,14.497,14h18.9C33.672,14,34,14.29,34,14.563z M25.497,26.497C25.497,26.223,25.275,26,25,26h-7c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,27.777,17.725,28,18,28h7c0.275,0,0.497-0.223,0.497-0.497V26.497z M30.497,22.497C30.497,22.223,30.275,22,30,22H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,23.777,17.725,24,18,24h12c0.275,0,0.497-0.223,0.497-0.497V22.497z M30.497,18.497C30.497,18.223,30.275,18,30,18H18c-0.275,0-0.497,0.223-0.497,0.497v1.006C17.503,19.777,17.725,20,18,20h12c0.275,0,0.497-0.223,0.497-0.497V18.497z\"])}_createFullscreenIcon(){return this._createToolbarIcon([\"M35,12H13c-0.55,0-1,0.45-1,1v22c0,0.55,0.45,1,1,1h22c0.55,0,1-0.45,1-1V13C36,12.45,35.55,12,35,12z M34,34H14V14h20V34z\",\"M17,21.75v-4.5c0-0.138,0.112-0.25,0.25-0.25h4.5c0.138,0,0.17,0.08,0.073,0.177l-1.616,1.616l1.823,1.823c0.097,0.097,0.097,0.256,0,0.354l-1.061,1.06c-0.097,0.097-0.256,0.097-0.354,0l-1.823-1.823l-1.616,1.616C17.08,21.92,17,21.888,17,21.75z M20.97,25.97c-0.097-0.097-0.256-0.097-0.354,0l-1.823,1.823l-1.616-1.616C17.08,26.08,17,26.112,17,26.25v4.5c0,0.138,0.112,0.25,0.25,0.25h4.5c0.138,0,0.17-0.08,0.073-0.177l-1.616-1.616l1.823-1.823c0.097-0.097,0.097-0.256,0-0.354L20.97,25.97z M30.75,17h-4.5c-0.138,0-0.17,0.08-0.073,0.177l1.616,1.616l-1.823,1.823c-0.097,0.097-0.097,0.256,0,0.354l1.061,1.06c0.097,0.097,0.256,0.097,0.354,0l1.823-1.823l1.616,1.616C30.92,21.92,31,21.888,31,21.75v-4.5C31,17.112,30.888,17,30.75,17z M30.823,26.177l-1.616,1.616l-1.823-1.823c-0.097-0.097-0.256-0.097-0.354,0l-1.061,1.06c-0.097,0.097-0.097,0.256,0,0.354l1.823,1.823l-1.616,1.616C26.08,30.92,26.112,31,26.25,31h4.5c0.138,0,0.25-0.112,0.25-0.25v-4.5C31,26.112,30.92,26.08,30.823,26.177z M26,22.5c0-0.275-0.225-0.5-0.5-0.5h-3c-0.275,0-0.5,0.225-0.5,0.5v3c0,0.275,0.225,0.5,0.5,0.5h3c0.275,0,0.5-0.225,0.5-0.5V22.5z\"])}}var ve={get:pe,update:function(e,t){const i=pe(e),s=window.location.hash;if(i!==t)if(\"string\"==typeof i){const n=s.indexOf(\"&\"+e+\"=\")>0?s.indexOf(\"&\"+e+\"=\"):s.indexOf(\"#\"+e+\"=\"),o=n+e.length+2+i.length,r=0===n?\"#\":\"&\";window.location.replace(s.substring(0,n)+r+e+\"=\"+t+s.substring(o))}else 0===s.length?window.location.replace(\"#\"+e+\"=\"+t):window.location.replace(s+\"&\"+e+\"=\"+t)}};function pe(e){const t=window.location.hash;if(\"\"!==t){let i=t.indexOf(\"&\"+e+\"=\")>0?t.indexOf(\"&\"+e+\"=\"):t.indexOf(\"#\"+e+\"=\");if(i>=0){i+=e.length+2;const s=t.indexOf(\"&\",i);return s>i?decodeURIComponent(t.substring(i,s)):s<0?decodeURIComponent(t.substring(i)):\"\"}return!1}return!1}class fe{constructor(e,t){if(!(e instanceof HTMLElement)&&(this.element=document.getElementById(e),null===this.element))throw new a;if(!t.objectData)throw new h(\"You must supply either a URL or a literal object to the `objectData` key.\");this.options=Object.assign({acceptHeader:\"application/json\",adaptivePadding:.05,arrowScrollAmount:40,blockMobileMove:!1,objectData:\"\",enableAutoTitle:!0,enableFilename:!0,enableFullscreen:!0,enableGotoPage:!0,enableGotoSuggestions:!0,enableGridIcon:!0,enableGridControls:\"buttons\",enableImageTitles:!0,enableIndexAsLabel:!1,enableKeyScroll:!0,enableLinkIcon:!0,enableNonPagedVisibilityIcon:!0,enableSpaceScroll:!1,enableToolbar:!0,enableZoomControls:\"buttons\",fillParentHeight:!0,fixedPadding:10,fixedHeightGrid:!0,goDirectlyTo:0,hashParamSuffix:null,inFullscreen:!1,inBookLayout:!1,inGrid:!1,maxPagesPerRow:8,maxZoomLevel:-1,minPagesPerRow:2,minZoomLevel:0,onGotoSubmit:null,pageAliases:{},pageAliasFunction:function(){return!1},pageLoadTimeout:200,pagesPerRow:5,showNonPagedPages:!1,throbberTimeout:100,tileHeight:256,tileWidth:256,toolbarParentObject:null,verticallyOriented:!0,viewportMargin:200,zoomLevel:2},t);const i=s(\"div\",{class:`diva-wrapper${this.options.fillParentHeight?\" diva-wrapper-flexbox\":\"\"}`});this.element.appendChild(i),this.options.toolbarParentObject=this.options.toolbarParentObject||i;const n=new se(i,this.options,this);this.viewerState=n.getInternalState(),this.settings=n.getSettings(),this.toolbar=this.settings.enableToolbar?new ge(this):null,i.id=this.settings.ID+\"wrapper\",this.divaState={viewerCore:n,toolbar:this.toolbar};let o=c.Events.subscribe(\"ObjectDidLoad\",()=>{null!==this.toolbar&&this.toolbar.render(),c.Events.unsubscribe(o)});this.hashState=this._getHashParamState(),this._loadOrFetchObjectData()}_loadOrFetchObjectData(){if(\"object\"==typeof this.settings.objectData)setTimeout(()=>{this._loadObjectData(this.settings.objectData,this.hashState)},0);else{const e=fetch(this.settings.objectData,{headers:{Accept:this.settings.acceptHeader}}).then(e=>{if(!e.ok){this._ajaxError(e);let t=new Error(e.statusText);throw t.response=e,t}return e.json()}).then(e=>{this._loadObjectData(e,this.hashState)});this.divaState.viewerCore.setPendingManifestRequest(e)}}_showError(e){this.divaState.viewerCore.showError(e)}_ajaxError(e){const t=[\"Invalid objectData setting. Error code: \"+e.status+\" \"+e.statusText];if(0===this.settings.objectData.lastIndexOf(\"http\",0)){const e=this.settings.objectData.replace(/https?:\\/\\//i,\"\").split(/[/?#]/)[0];window.location.hostname!==e&&t.push(s(\"p\",\"Attempted to access cross-origin data without CORS.\"),s(\"p\",\"You may need to update your server configuration to support CORS. For help, see the \",s(\"a\",{href:\"https://github.com/DDMAL/diva.js/wiki/Installation#a-note-about-cross-site-requests\",target:\"_blank\"},\"cross-site request documentation.\")))}this._showError(t)}_loadObjectData(e,t){let i;if(!e.hasOwnProperty(\"@context\")&&(-1===e[\"@context\"].indexOf(\"iiif\")||-1===e[\"@context\"].indexOf(\"shared-canvas\")))throw new l(\"This does not appear to be a IIIF Manifest.\");c.Events.publish(\"ManifestDidLoad\",[e],this),i=ue.fromIIIF(e);const s=t?this._getLoadOptionsForState(t,i):{};this.divaState.viewerCore.setManifest(i,s)}_getHashParamState(){const e={};return[\"f\",\"v\",\"z\",\"n\",\"i\",\"p\",\"y\",\"x\"].forEach(t=>{const i=ve.get(t+this.settings.hashParamSuffix);!1!==i&&(e[t]=i)}),\"true\"===e.f?e.f=!0:\"false\"===e.f&&(e.f=!1),[\"z\",\"n\",\"p\",\"x\",\"y\"].forEach(t=>{t in e&&(e[t]=parseInt(e[t],10))}),e}_getLoadOptionsForState(e,t){t=t||this.settings.manifest;const i=\"v\"in e?this._getViewState(e.v):{};\"f\"in e&&(i.inFullscreen=e.f),\"z\"in e&&(i.zoomLevel=e.z),\"n\"in e&&(i.pagesPerRow=e.n);let s=this._getPageIndexForManifest(t,e.i);if(s>=0&&s=0&&sr)return-1;if(to)return-1;const a=document.getElementsByClassName(\"diva-page\");let l=a.length;for(;l--;){const i=a[l],s=i.getBoundingClientRect();if(!(es.right)&&!(ts.bottom))return i.getAttribute(\"data-index\")}return-1}_reloadViewer(e){return this.divaState.viewerCore.reload(e)}_getCurrentURL(){return location.protocol+\"//\"+location.host+location.pathname+location.search+\"#\"+this._getURLHash()}activate(){this.viewerState.isActiveDiva=!0}changeObject(e){this.viewerState.loaded=!1,this.divaState.viewerCore.clear(),this.viewerState.renderer&&this.viewerState.renderer.destroy(),this.viewerState.options.objectData=e,this._loadOrFetchObjectData()}changeView(e){this._changeView(e)}deactivate(){this.viewerState.isActiveDiva=!1}destroy(){this.divaState.viewerCore.destroy()}disableScrollable(){this.divaState.viewerCore.disableScrollable()}enableScrollable(){this.divaState.viewerCore.enableScrollable()}disableDragScrollable(){this.divaState.viewerCore.disableDragScrollable()}enableDragScrollable(){this.divaState.viewerCore.enableDragScrollable()}enterFullscreenMode(){return!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}enterGridView(){return!this.settings.inGrid&&(this._changeView(\"grid\"),!0)}getAllPageURIs(){return this.settings.manifest.pages.map(e=>e.f)}getCurrentCanvas(){return this.settings.manifest.pages[this.settings.activePageIndex].canvas}getCurrentPageDimensionsAtCurrentZoomLevel(){return this.getPageDimensionsAtCurrentZoomLevel(this.settings.activePageIndex)}getCurrentPageFilename(){return console.warn(\"This method will be deprecated in the next version of Diva. Please use getCurrentPageURI instead.\"),this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentPageIndices(){return this.settings.currentPageIndices}getActivePageIndex(){return this.settings.activePageIndex}getCurrentPageOffset(){return this.getPageOffset(this.settings.activePageIndex)}getCurrentPageURI(){return this.settings.manifest.pages[this.settings.activePageIndex].f}getCurrentURL(){return this._getCurrentURL()}getFilenames(){return console.warn(\"This will be removed in the next version of Diva. Use getAllPageURIs instead.\"),this.settings.manifest.pages.map(e=>e.f)}getGridPagesPerRow(){return this.settings.pagesPerRow}getInstanceId(){return this.settings.ID}getInstanceSelector(){return this.divaState.viewerCore.selector}getItemTitle(){return this.settings.manifest.itemTitle}getMaxZoomLevel(){return this.settings.maxZoomLevel}getMaxZoomLevelForPage(e){return!!this._checkLoaded()&&this.settings.manifest.pages[e].m}getMinZoomLevel(){return this.settings.minZoomLevel}getNumberOfPages(){return!!this._checkLoaded()&&this.settings.numPages}getOtherImages(e){return this.settings.manifest.pages[e].otherImages}getPageDimensions(e){return this._checkLoaded()?this.divaState.viewerCore.getCurrentLayout().getPageDimensions(e):null}getPageDimensionsAtCurrentZoomLevel(e){let t=parseInt(e,10);if(!this._isPageIndexValid(t))throw new Error(\"Invalid Page Index\");return this.divaState.viewerCore.getCurrentLayout().getPageDimensions(t)}getPageDimensionsAtZoomLevel(e,t){if(!this._checkLoaded())return!1;t>this.settings.maxZoomLevel&&(t=this.settings.maxZoomLevel);const i=this.settings.manifest.pages[parseInt(e,10)].d[parseInt(t,10)];return{width:i.w,height:i.h}}getPageImageURL(e,t){return this.settings.manifest.getPageImageURL(e,t)}getPageIndexForPageXYValues(e,t){return this._getPageIndexForPageXYValues(e,t)}getPageOffset(e,t){const i=this.divaState.viewerCore.getPageRegion(e,t);return{top:i.top,left:i.left}}getSettings(){return this.settings}getState(){return this._getState()}getZoomLevel(){return this.settings.zoomLevel}gotoPageByIndex(e,t,i){this._gotoPageByIndex(e,t,i)}gotoPageByLabel(e,t,i){const s=this.settings.manifest.pages;let n=e.toLowerCase();for(let e=0,o=s.length;e-1)return this._gotoPageByIndex(e,t,i);const o=parseInt(e,10)-1;return this._gotoPageByIndex(o,t,i)}gotoPageByName(e,t,i){console.warn(\"This method will be removed in the next version of Diva.js. Use gotoPageByURI instead.\");const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}gotoPageByURI(e,t,i){const s=this._getPageIndex(e);return this._gotoPageByIndex(s,t,i)}hasOtherImages(e){return!0===this.settings.manifest.pages[e].otherImages}hideNonPagedPages(){this._reloadViewer({showNonPagedPages:!1})}isInFullscreen(){return this.settings.inFullscreen}isPageIndexValid(e){return this._isPageIndexValid(e)}isPageInViewport(e){return this.viewerState.renderer.isPageVisible(e)}isReady(){return this.viewerState.loaded}isRegionInViewport(e,t,i,s,n){const o=this.divaState.viewerCore.getCurrentLayout();if(!o)return!1;const r=o.getPageOffset(e),a=r.top+i,l=r.left+t;return this.viewerState.viewport.intersectsRegion({top:a,bottom:a+n,left:l,right:l+s})}isVerticallyOriented(){return this.settings.verticallyOriented}leaveFullscreenMode(){return!!this.settings.inFullscreen&&(this._toggleFullscreen(),!0)}leaveGridView(){return!!this.settings.inGrid&&(this._reloadViewer({inGrid:!1}),!0)}setGridPagesPerRow(e){return!!this.divaState.viewerCore.isValidOption(\"pagesPerRow\",e)&&this._reloadViewer({inGrid:!0,pagesPerRow:e})}setState(e){this._reloadViewer(this._getLoadOptionsForState(e))}setZoomLevel(e){return this.settings.inGrid&&this._reloadViewer({inGrid:!1}),this.divaState.viewerCore.zoom(e)}showNonPagedPages(){this._reloadViewer({showNonPagedPages:!0})}toggleFullscreenMode(){this._toggleFullscreen()}toggleNonPagedPagesVisibility(){this._reloadViewer({showNonPagedPages:!this.settings.showNonPagedPages})}toggleOrientation(){return this._togglePageLayoutOrientation()}translateFromMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return e/Math.pow(2,t)}translateToMaxZoomLevel(e){const t=this.settings.maxZoomLevel-this.settings.zoomLevel;return 0===t?e:e*Math.pow(2,t)}zoomIn(){return this.setZoomLevel(this.settings.zoomLevel+1)}zoomOut(){return this.setZoomLevel(this.settings.zoomLevel-1)}}t.default=fe;!function(e){e.Diva=e.Diva||fe,e.Diva.Events=c.Events}(window)}]);"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourceRoot":""}
\ No newline at end of file
diff --git a/public/uploads/backup/.gitignore b/public/uploads/iiif/.gitignore
similarity index 100%
rename from public/uploads/backup/.gitignore
rename to public/uploads/iiif/.gitignore
diff --git a/public/uploads/mei-auto/.gitignore b/public/uploads/mei-auto/.gitignore
deleted file mode 100644
index 89664a0ed..000000000
--- a/public/uploads/mei-auto/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.mei
diff --git a/server.js b/server.js
index d18b7b1da..82e724d16 100644
--- a/server.js
+++ b/server.js
@@ -9,8 +9,8 @@ global.__base = __dirname + '/';
//===========
// Bodyparser
//===========
-app.use(bodyParser.json({limit: '50mb'}));
-app.use(bodyParser.urlencoded({limit: '50mb', extended: false}));
+app.use(bodyParser.json({ limit: '50mb' }));
+app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
//=====================
// Route import & setup
diff --git a/server/routes/index.js b/server/routes/index.js
index 83d82ba0e..245442f91 100644
--- a/server/routes/index.js
+++ b/server/routes/index.js
@@ -1,9 +1,23 @@
/* eslint spaced-comment: ["error", "always", { "exceptions": ["/"] }] */
var express = require('express');
-var fs = require('fs');
+var fs = require('fs-extra');
var multer = require('multer');
+const request = require('request');
+const path = require('path');
var router = express.Router();
+const __base = '';
+
+const meiUpload = path.join(__base, 'public', 'uploads', 'mei');
+const pngUpload = path.join(__base, 'public', 'uploads', 'png');
+const iiifUpload = path.join(__base, 'public', 'uploads', 'iiif');
+
+const allowedPattern = /^[-_\.,\d\w ]+$/;
+const consequtivePeriods = /\.{2,}/;
+
+function isUserInputValid (input) {
+ return (input.match(allowedPattern) && !input.match(consequtivePeriods));
+}
//////////////////
// Index routes //
@@ -12,114 +26,94 @@ var router = express.Router();
// Main Page
router.route('/')
.get(function (req, res) {
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
+ var meiFiles = [];
+ var iiifFiles = [];
+ fs.readdir(meiUpload, function (err, files) {
if (err) {
- res.status(500).send(err);
+ console.error(err);
+ res.sendStatus(500);
return;
}
if (files.length !== 0) {
var index = files.indexOf('.gitignore');
files.splice(index, (index < 0 ? 0 : 1));
- res.render('index', { 'files': files });
- } else {
- res.render('index', { 'nofiles': 'No files Uploaded', 'files': files });
+ meiFiles = files;
}
+
+ fs.readdir(iiifUpload, { withFileTypes: true }, function (err, files) {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ return;
+ }
+ files.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ let label = entry.name;
+ let revisions = fs.readdirSync(path.join(iiifUpload, label), { withFileTypes: true });
+ revisions.filter(entry => { return entry.isDirectory(); }).forEach(entry => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ } else {
+ iiifFiles.push([label, entry.name]);
+ }
+ });
+ });
+ if (meiFiles.length !== 0 || iiifFiles.length !== 0) {
+ res.render('index', { 'files': meiFiles, 'iiif': iiifFiles });
+ } else {
+ res.render('index', { 'nofiles': 'No files uploaded', 'files': meiFiles, 'iiif': iiifFiles });
+ }
+ });
});
});
-// File upload using Multer
-var storage = multer.diskStorage({
- destination: function (req, file, cb) {
- cb(null, __dirname + '../../../public/uploads');
- },
- filename: function (req, file, cb) {
- cb(null, file.originalname);
- }
-});
-
var upload = multer({
- storage: storage,
- limits: { filesize: 1000000, files: 2 }
-}).array('resource', 2);
+ storage: multer.memoryStorage(),
+ limits: { filesize: 100000 }
+});
router.route('/upload_file')
- .post(function (req, res) {
- upload(req, res, function (err) {
- // Check if two files were uploaded
- if (req.files.length !== 2) {
- for (let i = 0; i < req.files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + req.files[i].originalname, function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
- }
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: must upload two files' });
- });
- return;
+ .post(upload.array('resource', 2), function (req, res) {
+ if (req.files[1].mimetype !== 'image/png') {
+ res.sendStatus(400);
+ }
+ let files = [req.files[0].originalname, req.files[1].originalname];
+ let meiSplit = files[0].split(/\.mei/, 2);
+ let filename = meiSplit[0];
+ let newImageName = filename + '.png';
+ if (!isUserInputValid(files[0]) || !isUserInputValid(newImageName)) {
+ res.sendStatus(403);
+ }
+ fs.writeFile(path.join(meiUpload, files[0]), req.files[0].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- // rename img file to have same name as MEI
- var files = [req.files[0].originalname, req.files[1].originalname];
- var meiSplit = files[0].split('.', 2);
- var filename = meiSplit[0];
- var meiext = meiSplit[1];
- var imgext = files[1].split('.', 2)[1];
- var newImg = filename + '.' + imgext;
-
- // Check if valid filetypes
- if (meiext !== 'mei' || imgext !== 'png') {
- for (let i = 0; i < files.length; i++) {
- fs.unlink(__base + 'public/uploads/' + files[i], function (err) {
- if (err) {
- return console.log('Failed to delete file');
- }
- });
+ fs.writeFile(path.join(pngUpload, newImageName), req.files[1].buffer, (err) => {
+ if (err) {
+ console.error(err);
+ throw err;
}
- fs.readdir(__base + 'public/uploads/mei', function (err, files) {
- res.render('index', { 'files': files, 'err': 'Error: Invalid file type' });
- });
- return;
- } else {
- // Move files into their respective folders
- // Move MEI file
- fs.rename(__base + 'public/uploads/' + files[0], __base + 'public/uploads/mei/' + files[0], function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Move PNG file
- fs.rename(__base + 'public/uploads/' + files[1], __base + 'public/uploads/png/' + newImg, function (err) {
- if (err) {
- return console.log('Failed to rename file');
- }
- });
- // Copy MEI file to backup
- fs.createReadStream(__base + 'public/uploads/mei/' + files[0])
- .pipe(fs.createWriteStream(__base + 'public/uploads/backup/' + files[0]));
- }
- // Reload page
- res.redirect('/');
+ res.redirect('/');
+ });
});
});
// Delete file TODO: Optimize function with regex
router.route('/delete/:filename')
.get(function (req, res) {
- meifile = req.params.filename;
- pngfile = meifile.split('.')[0] + '.png';
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
+ var meifile = req.params.filename;
+ var pngfile = meifile.split('.')[0] + '.png';
// delete file from all folders
- fs.unlink(__base + 'public/uploads/mei/' + meifile, function (err) {
+ fs.unlink(path.join(meiUpload), function (err) {
if (err) {
return console.log('failed to delete mei file');
}
});
- fs.unlink(__base + 'public/uploads/backup/' + meifile, function (err) {
- if (err) {
- return console.log('failed to delete backup mei file');
- }
- });
- fs.unlink(__base + 'public/uploads/png/' + pngfile, function (err) {
+ fs.unlink(path.join(pngUpload, pngfile), function (err) {
if (err) {
return console.log('failed to delete png file');
}
@@ -127,90 +121,229 @@ router.route('/delete/:filename')
res.redirect('/');
});
+// Delete IIIF files
+router.route('/delete/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let somePath = path.join(iiifUpload, req.params.label, req.params.rev);
+ fs.remove(somePath, (err) => {
+ if (err) {
+ console.error(err);
+ }
+ res.redirect('/');
+ });
+});
+
// redirect to editor
router.route('/edit/:filename')
.get(function (req, res) {
+ if (!isUserInputValid(req.params.filename)) {
+ res.sendStatus(403);
+ }
var mei = req.params.filename;
var bgimg = mei.split('.', 2)[0] + '.png';
var autosave = false;
// Check that the MEI exists
- fs.stat(__base + 'public/uploads/mei/' + mei, (err, stats) => {
+ fs.stat(path.join(meiUpload, mei), (err, stats) => {
if (err) {
console.error("File of name '" + mei + "' does not exist.");
- res.render('404', { 'meifile': mei });
+ res.status(404).render('error', { statusCode: '404 - File Not Found', message: 'The file ' + mei + ' could not be found on the server!' });
return;
}
- // Check if a newer autosave exists
- fs.stat(__base + 'public/uploads/mei-auto/' + mei, (autoErr, autoStats) => {
- if (!autoErr) {
- // Check if the autosave is newer
- if (autoStats.mtimeMs > stats.mtimeMs) { // compares time of last modification in terms of ms since posix epoch (January 1 1970, 00:00 UTC)
- autosave = true;
- }
- }
- res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
- });
+ res.render('editor', { 'meifile': '/uploads/mei/' + mei, 'bgimg': '/uploads/png/' + bgimg, 'autosave': autosave });
});
});
-/////////////////
-// NEON routes //
-/////////////////
-
-router.route('/save/:filename')
- .post(function (req, res) {
- console.log(req.body.fileName);
- fs.writeFile(__base + 'public/' + req.body.fileName,
- req.body.meiData,
- function (err) {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File ' + req.body.fileName + ' could not be saved.' });
- } else {
- res.status(200).send({ success: 'File Saved' });
+// redirect to salzinnes editor
+router.route('/edit-iiif/:label/:rev').get((req, res) => {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ let pathName = path.join(req.params.label, req.params.rev);
+ fs.readFile(path.join(iiifUpload, pathName, 'metadata.json'), (err, data) => {
+ if (err) {
+ console.error(err);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not find the manifest for IIIF entry ' + pathName });
+ } else {
+ let metadata;
+ try {
+ metadata = JSON.parse(data.toString());
+ } catch (e) {
+ console.error(e);
+ res.status(500).render('error', { statusCode: '500 - Internal Server Error', message: 'Could not parse entry metadata' });
+ }
+ let map = new Map();
+ for (let page of metadata.pages) {
+ let data;
+ try {
+ data = fs.readFileSync(path.join(iiifUpload, pathName, page.file));
+ } catch (e) {
+ console.error(e);
+ continue;
}
+ map.set(page.index, data.toString());
}
- );
+ res.render('editor', { 'manifest': metadata.manifest, 'meiMap': encodeURIComponent(JSON.stringify([...map])) });
+ }
});
+});
-router.route('/autosave/:filename')
- .post((req, res) => {
- fs.writeFile(__base + 'public/uploads/mei-auto/' + req.params.filename, req.body.data, (err) => {
- if (err) {
- console.log(err);
- res.status(500).send({ error: 'File' + req.body.fileName + 'could not be autosaved.' });
+router.route('/add-iiif').get(function (req, res) {
+ res.render('add-iiif', {});
+}).post(function (req, res) {
+ if (req.body.manifest === undefined || req.body.revision === undefined) {
+ res.render('add-iiif', { messages: 'All fields are required!' });
+ } else {
+ request(req.body.manifest, (error, response, body) => {
+ if (error) {
+ res.render('add-iiif', { messages: error });
+ } else if (!response.statusCode === 200) {
+ res.render('add-iiif', { messages: 'Received status code ' + response.statusCode });
} else {
- res.status(200).send({ success: 'File autosaved' });
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.render('add-iiif', { messages: 'URL was not to a valid JSON object.' });
+ }
+ if (manifest['@context'] !== 'http://iiif.io/api/presentation/2/context.json' ||
+ manifest['@type'] !== 'sc:Manifest') {
+ res.render('add-iiif', { messages: 'URL was not to a IIIF Presentation manifest.' });
+ }
+
+ // Check if a revision for this already exists.
+ let label = manifest.label;
+ if (label === undefined) {
+ res.status(400).render('error', {
+ statusCode: '400 - Bad Request',
+ message: 'The provided manifest does not have a label and cannot be processed.'
+ });
+ }
+ if (!isUserInputValid(label) || !isUserInputValid(req.body.revision)) {
+ res.sendStatus(403);
+ }
+ let directoryExists = true;
+ try {
+ fs.accessSync(path.join(iiifUpload, label, req.body.revision));
+ } catch (e) {
+ directoryExists = false;
+ }
+ if (directoryExists) {
+ res.render('add-iiif', { messages: 'The revision specified already exists!' });
+ return;
+ }
+
+ // Create appropriate directory
+ fs.mkdir(path.join(iiifUpload, label, req.body.revision), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ fs.writeFile(path.join(iiifUpload, label, req.body.revision, 'metadata.json'),
+ JSON.stringify({ manifest: req.body.manifest, pages: [] }),
+ (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.render('add-mei-iiif', { label: label, rev: req.body.revision });
+ });
+ });
}
});
- });
+ }
+});
-router.route('/autosave-clear/:filename')
- .post((req, res) => {
- fs.unlink(__base + 'public/uploads/mei-auto/' + req.params.filename, (err) => {
- if (err) { console.log(err); }
- });
- });
+router.route('/add-mei-iiif/:label/:rev').post(upload.array('mei'), function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Get metadata
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
-router.route('/revert/:filename')
- .post(function (req, res) {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/backup/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
- try {
- fs.unlinkSync(__base + 'public/uploads/mei-auto/' + file);
- } catch (err) { console.log('Could not delete autosave: ' + err.message); }
+ // Get manifest
+ request(metadata.manifest, (error, response, body) => {
+ if (error) {
+ res.send(error);
+ } else if (!response.statusCode === 200) {
+ res.status(response.statusCode).send(response.statusMessage);
+ } else {
+ let manifest;
+ try {
+ manifest = JSON.parse(body);
+ } catch (e) {
+ res.status(500).send('Could not parse the JSON object');
+ }
+ let labels = [];
+ for (let sequence of manifest['sequences']) {
+ for (let canvas of sequence['canvases']) {
+ labels.push(canvas['label']);
+ }
+ }
- res.redirect('/edit/' + file);
+ // Check file names for conflicts
+ for (let i = 0; i < req.files.length; i++) {
+ for (let j = i + 1; j < req.files.length; j++) {
+ if (req.files[i].originalname === req.files[j].originalname) {
+ res.render('add-mei-iiif', { label: req.params.label, rev: req.params.rev, message: 'Two files with the name ' + req.files[i].originalname + ' were selected.' });
+ }
+ }
+ }
+
+ // Store files and create array of file names
+ let filenames = [];
+ for (let file of req.files) {
+ fs.writeFileSync(path.join(iiifUpload, req.params.label,
+ req.params.rev, file.originalname), file.buffer);
+ filenames.push(file.originalname);
+ }
+
+ // res.status(501).render('error', { statusCode: '501 - Not Implemented', message: 'Adding a IIIF manifest and MEI files is not fully supported yet. Sorry!' });
+ res.render('associate-mei-iiif',
+ {
+ label: req.params.label,
+ rev: req.params.rev,
+ files: filenames,
+ labels: labels
+ }
+ );
+ }
});
+});
-router.route('/restore/:filename')
- .post((req, res) => {
- var file = req.params.filename;
- fs.createReadStream(__base + 'public/uploads/mei-auto/' + file)
- .pipe(fs.createWriteStream(__base + 'public/uploads/mei/' + file));
+router.route('/associate-mei-iiif/:label/:rev').post(function (req, res) {
+ if (!isUserInputValid(req.params.label) || !isUserInputValid(req.params.rev)) {
+ res.sendStatus(403);
+ }
+ // Load metadata file
+ let metadata;
+ try {
+ metadata = JSON.parse(fs.readFileSync(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json')));
+ } catch (e) {
+ console.error(e);
+ res.sendStatus(500);
+ }
+
+ // Update metadata
+ metadata.pages = [];
+ for (let entry of req.body.select) {
+ metadata.pages.push(JSON.parse(entry));
+ }
- res.redirect('/edit/' + file);
+ fs.writeFile(path.join(iiifUpload, req.params.label, req.params.rev, 'metadata.json'), JSON.stringify(metadata), (err) => {
+ if (err) {
+ console.error(err);
+ res.sendStatus(500);
+ }
+ res.redirect('/');
});
+});
module.exports = router;
diff --git a/src/Compatibility.js b/src/Compatibility.js
deleted file mode 100644
index 3f353bf04..000000000
--- a/src/Compatibility.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/**
- * Handle compatibility between standalone and Rodan versions of Neon.
- * Ideally the rest of the program doesn't need to know which version it's in.
- * @module Compatibility
- */
-
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/**
- * The modes to run Neon in.
- * Either standalone (0), rodan (1), demo/pages (2), or local (3)
- */
-export const modes = {
- standalone: 0,
- rodan: 1,
- pages: 2,
- local: 3
-};
-
-var mode;
-var db;
-
-/**
- * Set the mode to run Neon in.
- * @see module:Compatibility.modes
- * @param {number} currentMode
-*/
-export function setMode (currentMode) {
- mode = currentMode;
-}
-
-/**
- * Return the mode Neon is in.
- * @returns {number}
- */
-export function getMode () {
- return mode;
-}
-
-/**
- * Let Compatibility use an initialized PouchDB
- * @param {object} pouchDB
-*/
-export function setDB (pouchDB) {
- db = pouchDB;
-}
-
-/**
- * Compatible save file function.
- * @param {string} filename - The path for the MEI file.
- * @param {string} mei - The MEI data.
- */
-export function saveFile (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax(
- {
- type: 'POST',
- url: '/save/' + file,
- data: {
- 'meiData': mei,
- 'fileName': filename
- },
- success: () => { Notification.queueNotification('File Saved'); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- }
- );
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json',
- 'success': () => { Notification.queueNotification('File Saved'); },
- 'error': (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- let temp = document.createElement('a');
- temp.setAttribute('href', 'data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
- temp.setAttribute('download', file);
- temp.style.display = 'none';
- document.body.append(temp);
- temp.click();
- document.body.removeChild(temp);
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); }).then(() => { Notification.queueNotification('File Saved'); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible revert function.
- * @param {string} filename
- */
-export function revertFile (filename) {
- if (mode === modes.standalone) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
- $.ajax({
- type: 'POST',
- url: '/revert/' + file,
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': '', 'mode': 'revert' }),
- contentType: 'application/json',
- success: () => { window.location.reload(); }
- });
- } else if (mode === modes.pages) {
- window.location.reload(); // No actions since the source file can't be overwritten
- } else if (mode === modes.local) {
- db.get('mei.original').then((original) => {
- return db.get('mei').then((doc) => {
- doc.data = original.data;
- return db.put(doc);
- });
- }).then(() => { window.location.reload(); }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Compatible autosave function.
- * @param {string} filename
- * @param {string} mei
- */
-export function autosave (filename, mei) {
- var pathSplit = filename.split('/');
- let file = pathSplit[pathSplit.length - 1];
-
- if (mode === modes.standalone) {
- $.ajax({
- 'type': 'POST',
- 'url': '/autosave/' + file,
- 'data': {
- 'data': mei
- },
- error: () => { console.error('Could not autosave ' + file); }
- });
- } else if (mode === modes.rodan) {
- $.ajax({
- 'type': 'POST',
- 'data': JSON.stringify({ 'user_input': mei, 'mode': 'autosave' }),
- 'contentType': 'application/json'
- });
- } else if (mode === modes.pages) {
- // Do nothing this will be called no matter what
- } else if (mode === modes.local) {
- db.get('mei').then((doc) => {
- doc.data = mei;
- return db.put(doc);
- }).catch((err) => { console.log(err); });
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
-
-/**
- * Finalize the editing in the Neon2 job in Rodan.
- * This should not be run outside of Rodan.
- * @param {string} mei
- */
-export function finalize (mei) {
- if (mode === modes.standalone) {
- console.error('This should not be called in standalone mode. Please report this.');
- } else if (mode === modes.rodan) {
- $.ajax({
- type: 'POST',
- data: JSON.stringify({ 'user_input': mei, 'mode': 'finalize' }),
- contentType: 'application/json',
- success: function () { window.close(); },
- error: (jqXHR, textStatus, errorThrown) => { Notification.queueNotification(textStatus + ' Error: ' + errorThrown); }
- });
- } else if (mode === modes.pages) {
- console.error('This should not be called in pages mode. Please report this.');
- } else if (mode === modes.local) {
- console.error('This should not be called in local mode. Please report this.');
- } else {
- console.error('Unsupported or unset mode!');
- }
-}
diff --git a/src/Controls.js b/src/Controls.js
deleted file mode 100644
index e0eba1dde..000000000
--- a/src/Controls.js
+++ /dev/null
@@ -1,566 +0,0 @@
-/** @module Controls */
-
-import * as Color from './Color.js';
-import * as Compatibility from './Compatibility.js';
-import * as Contents from './Contents.js';
-import * as Cursor from './Cursor.js';
-import * as Text from './Text.js';
-import * as Select from './Select.js';
-import Icons from './img/icons.svg';
-const $ = require('jquery');
-
-/** @type {module:Zoom~ZoomHandler} */
-var zoomHandler;
-
-/**
- * Initialize listeners and controls for display panel.
- * @param {module:Zoom~ZoomHandler} zHandler - An instantiated ZoomHandler.
- */
-export function initDisplayControls (zHandler) {
- zoomHandler = zHandler;
-
- setZoomControls();
- setOpacityControls();
- setBackgroundOpacityControls();
- setSylControls();
- setHighlightControls();
- setBurgerControls();
-
- $('#toggleDisplay').on('click', () => {
- if ($('#displayContents').is(':hidden')) {
- $('#displayContents').css('display', '');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
- } else {
- $('#displayContents').css('display', 'none');
- $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
- }
- });
-}
-
-/**
- * Set zoom control listener for button and slider
- */
-function setZoomControls () {
- $('#zoomSlider').val(100);
- $('#reset-zoom').click(() => {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- });
-
- $(document).on('input change', '#zoomSlider', () => {
- zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
- });
-
- $('body').on('keydown', (evt) => {
- let currentZoom = parseInt($('#zoomOutput').val());
- if (evt.key === '+') { // increase zoom by 20
- let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '-') { // decrease zoom by 20
- let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
- zoomHandler.zoomTo(newZoom / 100.0);
- $('#zoomOutput').val(newZoom);
- $('#zoomSlider').val(newZoom);
- } else if (evt.key === '0') {
- $('#zoomOutput').val(100);
- $('#zoomSlider').val(100);
- zoomHandler.resetZoomAndPan();
- }
- });
-}
-
-/**
- * Set rendered MEI opacity button and slider listeners.
- */
-function setOpacityControls () {
- $('#opacitySlider').val(100);
- $('#reset-opacity').click(function () {
- // Definition scale is the root element of what is generated by verovio
- $('.definition-scale').css('opacity', 1);
-
- $('#opacitySlider').val(100);
- $('#opacityOutput').val(100);
- });
-
- $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
-}
-
-/** * Set background image opacity button and slider listeners.
- */
-function setBackgroundOpacityControls () {
- $('#bgOpacitySlider').val(100);
- $('#reset-bg-opacity').click(function () {
- $('#bgimg').css('opacity', 1);
-
- $('#bgOpacitySlider').val(100);
- $('#bgOpacityOutput').val(100);
- });
-
- $(document).on('input change', '#bgOpacitySlider', function () {
- $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
- });
-}
-
-/**
- * Set listener on syllable visibility checkbox.
- */
-export function setSylControls () {
- updateSylVisibility();
- $('#displayText').click(updateSylVisibility);
-}
-
-/**
- * Set listener on info visibility checkbox.
- */
-export function setInfoControls () {
- updateInfoVisibility();
- $('#displayInfo').click(updateInfoVisibility);
-}
-
-/**
- * Update MEI opacity to value from the slider.
- */
-export function setOpacityFromSlider () {
- $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
-}
-
-/**
- * Set listener on staff highlighting checkbox.
- */
-export function setHighlightControls () {
- $('#highlight-button').on('click', (evt) => {
- evt.stopPropagation();
- $('#highlight-dropdown').toggleClass('is-active');
- if ($('#highlight-dropdown').hasClass('is-active')) {
- $('body').one('click', highlightClickaway);
- $('#highlight-staff').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-staff').addClass('highlight-selected');
- $('#highlight-type').html(' - Staff');
- Color.setGroupingHighlight('staff');
- });
- $('#highlight-syllable').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-syllable').addClass('highlight-selected');
- $('#highlight-type').html(' - Syllable');
- Color.setGroupingHighlight('syllable');
- });
- $('#highlight-neume').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-neume').addClass('highlight-selected');
- $('#highlight-type').html(' - Neume');
- Color.setGroupingHighlight('neume');
- });
- $('#highlight-none').on('click', () => {
- $('#highlight-dropdown').removeClass('is-active');
- $('.highlight-selected').removeClass('highlight-selected');
- $('#highlight-type').html(' - Off');
- Color.unsetGroupingHighlight();
- });
- } else {
- $('body').off('click', highlightClickaway);
- }
- });
-}
-/**
- * Set listener on burger menu for smaller screens.
- */
-function setBurgerControls () {
- $('#burgerMenu').on('click', () => {
- $(this).toggleClass('is-active');
- $('#navMenu').toggleClass('is-active');
- });
-}
-
-/**
- * Clickaway listener for the highlight dropdown.
- */
-function highlightClickaway () {
- $('body').off('click', highlightClickaway);
- $('#highlight-dropdown').removeClass('is-active');
-}
-
-/**
- * Update the visibility of the text box and set handlers.
- */
-export function updateSylVisibility () {
- if ($('#displayText').is(':checked')) {
- $('#syl_text').css('display', '');
- $('#syl_text').html('' + Text.getSylText() + '
');
- let spans = Array.from($('#syl_text').children('p').children('span'));
- spans.forEach(span => {
- $(span).on('mouseenter', () => {
- let syllable = $('#' + $(span).attr('class'));
- syllable.addClass('syl-select');
- syllable.attr('fill', '#d00');
- });
- $(span).on('mouseleave', () => {
- $('#' + $(span).attr('class')).removeClass('syl-select').attr('fill', null);
- });
- });
-
- if (Text.editText) {
- setTextEdit();
- }
- } else {
- $('#syl_text').css('display', 'none');
- }
-}
-
-/**
- * Update the visibility of infoBox
- */
-export function updateInfoVisibility () {
- if ($('#displayInfo').is(':checked')) {
- $('#neume_info').append("
-
-
Returns:
diff --git a/doc/NeonView.js.html b/doc/NeonView.js.html index 6446ed2bf..99cb74511 100644 --- a/doc/NeonView.js.html +++ b/doc/NeonView.js.html @@ -27,280 +27,179 @@
Source: NeonView.js
import NeonCore from './NeonCore.js';
-import ZoomHandler from './Zoom.js';
-import InfoBox from './InfoBox.js';
-import * as Controls from './Controls.js';
-import * as Cursor from './Cursor.js';
-import EditMode from './EditMode.js';
-import * as Compatibility from './Compatibility.js';
-
-import PouchDb from 'pouchdb';
-
-const d3 = require('d3');
-const verovio = require('verovio-dev');
-const $ = require('jquery');
+import * as Notification from './utils/Notification.js';
/**
- * The class managing DOM objects and the NeonCore class for the application.
- * @constructor
- * @param {object} params - An object containing the filenames of the MEI file and background image.
- * @param {string} params.meifile - The filename of the MEI file.
- * @param {string} params.bgimg - The filename of the background image.
- * @param {string} params.mode - The mode to run NeonCore in.
- * @param {string} [params.raw] - If the meifile parameter is actually the raw contents of an MEI file.
- * @see module:Compatibility.modes
+ * NeonView class. Manages the other modules of Neon and communicates with
+ * NeonCore.
*/
-function NeonView (params) {
- var viewHeight = window.innerHeight;
- // var viewWidth = 800;
- var meiFile = params.meifile;
- var bgimg = params.bgimg;
- var initialPage = true;
- var vrvToolkit = new verovio.toolkit();
-
- var neonCore = null;
- var zoomHandler = null;
- var infoBox = null;
- var editMode = null;
- var db = null;
- let neonview = this;
- if (params.mode === 'rodan') {
- Compatibility.setMode(Compatibility.modes.rodan);
- } else if (params.mode === 'standalone') {
- Compatibility.setMode(Compatibility.modes.standalone);
- } else if (params.mode === 'pages') {
- Compatibility.setMode(Compatibility.modes.pages);
- } else if (params.mode === 'local') {
- Compatibility.setMode(Compatibility.modes.local);
- db = new PouchDb('Neon2');
- db.get('mei', (err, result) => {
- meiFile = result.data;
- init(meiFile);
- });
- Compatibility.setDB(db);
- } else {
- Compatibility.setMode(-1);
- }
- if (params.raw === 'true') {
- if (params.mode !== 'local') {
- init(meiFile);
+class NeonView {
+ /**
+ * Constructor for NeonView. Sets mode and passes constructors.
+ * @param {object} params
+ * @param {string} params.mode
+ * @param {object} params.options
+ * @param {object} params.View - Constructor for a View module
+ * @param {object} params.Display - Constructor for DisplayPanel module
+ * @param {object} params.Info - Constructor for InfoModule module
+ * @param {object} [params.Edit] - Constructor for EditMode module
+ * @param {object} [params.TextView] - Constructor for TextView module
+ */
+ constructor (params) {
+ if (params.mode === 'single' || params.mode === 'iiif') {
+ this.mode = params.mode;
+ } else {
+ console.error('Invalid mode');
}
- } else {
- $.get(meiFile, init);
- }
- function init (data) {
- neonCore = new NeonCore(data, vrvToolkit);
- zoomHandler = new ZoomHandler();
- infoBox = new InfoBox(neonCore);
- Controls.initDisplayControls(zoomHandler);
- editMode = new EditMode(neonview, neonCore, meiFile, zoomHandler, infoBox);
- loadView();
- // editMode.getScale();
- Controls.setSylControls();
- Controls.setInfoControls();
- }
+ if (this.mode === 'single') {
+ this.view = new params.View(this, params.Display, params.options.image);
+ this.name = params.options.name;
+ } else {
+ this.view = new params.View(this, params.Display, params.options.manifest);
+ }
- function hideLoad () {
- $('#loading').css('display', 'none');
+ this.core = new NeonCore(params.options.meiMap, this.name);
+
+ this.display = this.view.display;
+ this.InfoModule = params.Info;
+ this.info = new params.Info(this);
+
+ if (params.Edit !== undefined) {
+ // Set up display for edit button
+ let parent = document.getElementById('dropdown_toggle');
+ let editItem = document.createElement('a');
+ editItem.classList.add('navbar-item');
+ let editButton = document.createElement('button');
+ editButton.classList.add('button');
+ editButton.id = 'edit_mode';
+ editButton.textContent = 'Edit MEI';
+ editItem.appendChild(editButton);
+ parent.appendChild(editItem);
+
+ this.editor = new params.Edit(this);
+ }
}
/**
- * Load the view, including background image and rendered MEI.
+ * Start Neon
*/
- function loadView () {
- if (initialPage) {
- var group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- group.id = 'svg_group';
- var bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
- bg.onload = hideLoad;
- bg.id = 'bgimg';
- if (Compatibility.getMode() === Compatibility.modes.local) {
- db.get('img', (err, result) => {
- if (err) {
- console.log(err);
- } else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', result.data);
- }
- });
+ start () {
+ this.core.db.info().then((info) => {
+ if (info.doc_count === 0) {
+ this.core.initDb().then(() => { this.updateForCurrentPage(); });
} else {
- bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', bgimg);
+ Notification.queueNotification('Existing database found. Revert to start from the beginning.');
+ this.updateForCurrentPage();
}
- var mei = document.createElementNS('http://www.w3.org/2000/svg', 'g');
- mei.id = 'mei_output';
- group.append(bg);
- group.append(mei);
- $('#svg_output').append(group);
- loadSvg();
-
- var height = parseInt($('#svg_container').attr('height'));
- var width = parseInt($('#svg_container').attr('width'));
- $('#bgimg').attr('x', 0)
- .attr('y', 0)
- .attr('height', height)
- .attr('width', width);
-
- $('#svg_group').attr('width', '100%')
- .attr('height', viewHeight)
- .attr('viewBox', '0 0 ' + width + ' ' + height);
- hideLoad();
- } else {
- loadSvg();
- }
- Controls.updateSylVisibility();
- Controls.updateHighlight();
- resetListeners();
+ });
}
/**
- * Refresh the page, often after an editor action.
- */
- function refreshPage () {
- $('mei_output').html(neonCore.getSVG());
- initialPage = false;
- loadView();
- resetTransformations();
- editMode.resetListeners();
+ * Get the current page from the loaded view and then display the
+ * most up to date SVG.
+ */
+ updateForCurrentPage () {
+ let pageNo = this.view.getCurrentPage();
+ // load pages
+ this.core.getSVG(pageNo).then((svg) => {
+ this.view.updateSVG(svg, pageNo);
+ });
}
/**
- * Save the MEI to a file.
- */
- function saveMEI () {
- Compatibility.saveFile(meiFile, neonCore.getMEI());
+ * Redo an action performed on the current page (if any)
+ */
+ redo () {
+ return this.core.redo(this.view.getCurrentPage());
}
/**
- * Load the SVG and put it in the SVG container.
- */
- function loadSvg () {
- var svg = neonCore.getSVG();
- $('#mei_output').html(svg);
- $('#mei_output').children('svg').attr('id', 'svg_container');
+ * Undo the last action performed on the current page (if any)
+ */
+ undo () {
+ return this.core.undo(this.view.getCurrentPage());
}
/**
- * Reset hotkey and panning listeners
- */
- function resetListeners () {
- $('body').on('keydown keyup', (evt) => {
- if (evt.type === 'keydown') {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- d3.select('#svg_output').call(
- d3.drag().on('start', zoomHandler.startDrag)
- .on('drag', zoomHandler.dragging)
- );
- Cursor.updateCursorTo('grab');
- break;
- case 'h':
- $('#mei_output').css('visibility', 'hidden');
- break;
- default: break;
- }
- } else {
- switch (evt.key) {
- case 'Shift':
- d3.select('#svg_output').on('.drag', null);
- Cursor.updateCursorTo('');
- if (editMode.isInsertMode()) {
- Cursor.updateCursor();
- }
- break;
- case 'h':
- $('#mei_output').css('visibility', 'visible');
- break;
- default: break;
- }
- }
- });
-
- // Allow two finger panning of image on touch screens/touchpads
- d3.select('#svg_output').on('touchstart', () => {
- if (d3.event.touches.length === 2) {
- zoomHandler.startDrag();
- d3.select('#svg_output').on('touchmove', zoomHandler.dragging);
- d3.select('#svg_output').on('touchend', () => {
- d3.select('#svg_output').on('touchmove', null);
- });
- }
- });
- d3.select('#svg_output').on('wheel', zoomHandler.scrollZoom, false);
-
- infoBox.infoListeners();
- }
-
- function resetTransformations () {
- zoomHandler.restoreTransformation();
- Controls.setOpacityFromSlider();
+ * Get the mode Neon is in: viewer, insert, or edit.
+ */
+ getUserMode () {
+ if (this.editor === undefined) {
+ return 'viewer';
+ } else {
+ return this.editor.getUserMode();
+ }
}
/**
- * Get the MEI for use in Rodan.
- * @returns {string}
- */
- function rodanGetMei () {
- return neonCore.getMEI();
+ * Perform an editor action
+ * @param {object} action - The editor toolkit action object.
+ * @param {string} action.action - The name of the action to perform.
+ * @param {object|array} action.param - The parameters of the action(s)
+ * @param {number} pageNo - The zero-indexed page number to perform the action on.
+ * @returns {Promise} A promise that resolves to the result of the action.
+ */
+ edit (action, pageNo) {
+ let editPromise = new Promise((resolve) => {
+ resolve(this.core.edit(action, pageNo));
+ });
+ return editPromise;
}
/**
- * Execute an editor action.
- * @param {object} editorAction - The editor action.
- * @param {boolean} [addToUndo=true] - Whether or not to add the action to the undo stack.
- * @returns {boolean} If the action succeeded.
- */
- function edit (editorAction, addToUndo = true) {
- var val = neonCore.edit(editorAction, addToUndo);
- if (val) {
- Compatibility.autosave(meiFile, neonCore.getMEI());
- }
- return val;
+ * Get the attributes for a specific musical element.
+ * @param {string} elementID - The unique ID of the element.
+ * @param {number} pageNo - The zero-indexed page number the ID is found on.
+ * @returns {Promise} A promise that resolves to the available attributes.
+ */
+ getElementAttr (elementID, pageNo) {
+ let elementPromise = new Promise((resolve, reject) => {
+ resolve(this.core.getElementAttr(elementID, pageNo));
+ });
+ return elementPromise;
}
/**
- * Undo the last action.
- * @returns {boolean}
- */
- function undo () {
- return neonCore.undo();
+ * Save the current state of the MEI file(s) to the browser database.
+ * @returns {Promise} A promise that resolves when the save action is finished.
+ */
+ save () {
+ return this.core.updateDatabase();
}
/**
- * Redo the last undone action.
- * @returns {boolean}
- */
- function redo () {
- return neonCore.redo();
- }
-
- function addStateToUndo () {
- neonCore.addStateToUndo();
+ * Deletes the local database of the loaded MEI file(s).
+ * @returns {Promise} A promise that resolves when the database is deleted.
+ */
+ deleteDb () {
+ return this.core.db.destroy();
}
- // Window listener to update height
- $(window).on('resize', function () {
- var newHeight = window.innerHeight;
- if (newHeight > Number($('#svg_group').attr('height'))) {
- $('#svg_group').attr('height', newHeight);
+ /**
+ * Get the page's MEI file encoded as a data URI.
+ * @param {number} pageNo - The zero-indexed page to encode.
+ * @returns {Promise} A promise that resolves to the URI.
+ */
+ getPageURI (pageNo) {
+ if (pageNo === undefined) {
+ pageNo = this.view.getCurrentPage();
}
- refreshPage();
- });
-
- function getElementAttr (xmlId) {
- return neonCore.getElementAttr(xmlId);
+ return new Promise((resolve) => {
+ this.core.getMEI(pageNo).then((mei) => {
+ resolve('data:application/mei+xml;charset=utf-8,' + encodeURIComponent(mei));
+ });
+ });
}
- NeonView.prototype.constructor = NeonView;
- NeonView.prototype.refreshPage = refreshPage;
- NeonView.prototype.resetListeners = resetListeners;
- NeonView.prototype.rodanGetMei = rodanGetMei;
- NeonView.prototype.edit = edit;
- NeonView.prototype.saveMEI = saveMEI;
- NeonView.prototype.undo = undo;
- NeonView.prototype.redo = redo;
- NeonView.prototype.addStateToUndo = addStateToUndo;
- NeonView.prototype.getElementAttr = getElementAttr;
+ /**
+ * Get the page's MEI file as a string.
+ * @param {number} pageNo - The zero-indexed page to get.
+ * @returns {Promise} A promise that resolves to the string.
+ */
+ getPageMEI (pageNo) {
+ return this.core.getMEI(pageNo);
+ }
}
export { NeonView as default };
@@ -314,13 +213,13 @@ Source: NeonView.js
diff --git a/doc/SingleEditMode.html b/doc/SingleEditMode.html
new file mode 100644
index 000000000..85315fdfd
--- /dev/null
+++ b/doc/SingleEditMode.html
@@ -0,0 +1,422 @@
+
+
+
+
+ JSDoc: Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleEditMode
+
+
+
+
+
+
+
+
+
+
+ SingleEditMode(neonView)
+
+ An Edit Module for a single page of a manuscript.
+Works with the SingleView module.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleEditMode(neonView)
+
+
+
+
+
+
+
+ Constructor for an EditMode object.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ getUserMode() → {string}
+
+
+
+
+
+
+
+ Get the user mode that Neon is in. Either insert, edit, or viewer.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ initEditMode()
+
+
+
+
+
+
+
+ Initialize the start of edit mode when first leaving viewer mode.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/Contents.js.html b/doc/SingleEdit_Contents.js.html
similarity index 83%
rename from doc/Contents.js.html
rename to doc/SingleEdit_Contents.js.html
index 8bbbb45be..3e63dad06 100644
--- a/doc/Contents.js.html
+++ b/doc/SingleEdit_Contents.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Contents.js
+ JSDoc: Source: SingleEdit/Contents.js
@@ -17,7 +17,7 @@
- Source: Contents.js
+ Source: SingleEdit/Contents.js
@@ -26,29 +26,29 @@ Source: Contents.js
- /** @module Contents */
+ /** @module SingleEdit/Contents */
-import PunctumIcon from './img/punctum.png';
-import VirgaIcon from './img/virga.png';
-import DiamondIcon from './img/diamond.png';
+import PunctumIcon from '../img/punctum.png';
+import VirgaIcon from '../img/virga.png';
+import DiamondIcon from '../img/diamond.png';
// import WhitePunctumIcon from "./img/white_punct.png";
// import QuilismaIcon from "./img/quilisma.png";
-import CustosIcon from './img/custos.png';
-import CClefIcon from './img/cClef.png';
-import FClefIcon from './img/fClef.png';
-import StaffIcon from './img/staff.png';
+import CustosIcon from '../img/custos.png';
+import CClefIcon from '../img/cClef.png';
+import FClefIcon from '../img/fClef.png';
+import StaffIcon from '../img/staff.png';
// import SmallDivIcon from "./img/smallDiv.png";
// import MinorDivIcon from "./img/minorDiv.png";
// import MajorDivIcon from "./img/majorDiv.png";
// import FinalDivIcon from "./img/finalDiv.png";
-import PesIcon from './img/pes.png';
-import ClivisIcon from './img/clivis.png';
-import ScandicusIcon from './img/scandicus.png';
-import ClimacusIcon from './img/climacus.png';
-import TorculusIcon from './img/torculus.png';
-import PorrectusIcon from './img/porrectus.png';
-import PressusIcon from './img/pressus.png';
-import Icons from './img/icons.svg';
+import PesIcon from '../img/pes.png';
+import ClivisIcon from '../img/clivis.png';
+import ScandicusIcon from '../img/scandicus.png';
+import ClimacusIcon from '../img/climacus.png';
+import TorculusIcon from '../img/torculus.png';
+import PorrectusIcon from '../img/porrectus.png';
+import PressusIcon from '../img/pressus.png';
+import Icons from '../img/icons.svg';
/**
* HTML for each insert tab (neume, grouping, clef, system, and division).
@@ -107,7 +107,6 @@ Source: Contents.js
"<div id='navbar-dropdown-options' class='navbar-dropdown'>" +
"<a id='save' class='navbar-item'>Save File</a>" +
"<a id='getmei' class='navbar-item' href='' download=''> Download MEI </a>" +
- "<a id='getpng' class='navbar-item' href='' download=''> Download PNG </a>" +
"<a id='revert' class='navbar-item'> Revert </a>";
/**
@@ -279,13 +278,13 @@ Source: Contents.js
diff --git a/doc/SingleEdit_EditControls.js.html b/doc/SingleEdit_EditControls.js.html
new file mode 100644
index 000000000..afdc7b392
--- /dev/null
+++ b/doc/SingleEdit_EditControls.js.html
@@ -0,0 +1,342 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/EditControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleEdit/EditControls */
+
+import * as Contents from './Contents.js';
+import * as Cursor from '../utils/Cursor.js';
+import Icons from '../img/icons.svg';
+import * as Notification from '../utils/Notification.js';
+import { unselect } from './Select.js';
+const $ = require('jquery');
+
+/**
+ * Set listener on EditMode button.
+ * @param {SingleEditMode} editMode - The EditMode object.
+ */
+export function initEditModeControls (editMode) {
+ /* document.getElementById('dropdown_toggle').innerHTML =
+ '<a class="navbar-item"><button class="button" id="edit_mode">' +
+ 'Edit MEI</button></a>'; */
+ $('#edit_mode').on('click', function () {
+ $('#dropdown_toggle').empty();
+ $('#dropdown_toggle').append(Contents.navbarDropdownMenu);
+ $('#insert_controls').append(Contents.insertControlsPanel);
+ $('#edit_controls').append(Contents.editControlsPanel);
+
+ editMode.initEditMode();
+ });
+}
+
+/**
+ * Bind listeners to insert tabs.'
+ * @param {InsertHandler} insertHandler - An InsertHandler to run the tasks.
+ */
+export function bindInsertTabs (insertHandler) {
+ var insertTabs = $('.insertTab');
+ var tabIds = $.map(insertTabs, function (tab, i) {
+ return tab.id;
+ });
+
+ $.each(tabIds, function (i, tab) {
+ $('#' + tab).on('click', () => {
+ deactivate('.insertTab');
+ activate(tab, insertHandler);
+ Cursor.resetCursor();
+ $('#insert_data').empty();
+ $('#insert_data').append(Contents.insertTabHtml[tab]);
+ bindElements(insertHandler);
+ });
+ });
+}
+
+/**
+ * Set listener on switching EditMode button to File dropdown in the navbar.
+ * @param {string} filename - The name of the MEI file.
+ * @param {NeonView} neonView
+ */
+export function initNavbar (neonView) {
+ // setup navbar listeners
+ $('#save').on('click', () => {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ });
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 's') {
+ neonView.save().then(() => {
+ Notification.queueNotification('Saved');
+ });
+ }
+ });
+
+ $('#revert').on('click', function () {
+ if (window.confirm('Reverting will cause all changes to be lost. Press OK to continue.')) {
+ neonView.deleteDb().then(() => {
+ window.location.reload();
+ });
+ }
+ });
+ // Download link for MEI
+ // Is an actual file with a valid URI except in local mode where it must be generated.
+ $('#getmei').on('click', () => {
+ neonView.getPageURI().then((uri) => {
+ $('#getmei').attr('href', uri)
+ .attr('download', neonView.name);
+ });
+ });
+}
+
+/**
+ * Initialize Edit and Insert control panels.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+export function initInsertEditControls (neonView) {
+ $('#toggleInsert').on('click', () => {
+ if ($('#insertContents').is(':hidden')) {
+ $('#insertContents').css('display', '');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#insertContents').css('display', 'none');
+ $('#toggleInsert').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#toggleEdit').on('click', () => {
+ if ($('#editContents').is(':hidden')) {
+ $('#editContents').css('display', '');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#editContents').css('display', 'none');
+ $('#toggleEdit').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+
+ $('#undo').on('click', undoHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'z' && (evt.ctrlKey || evt.metaKey)) {
+ undoHandler();
+ }
+ });
+
+ $('#redo').on('click', redoHandler);
+ $('body').on('keydown', (evt) => {
+ if ((evt.key === 'Z' || (evt.key === 'z' && evt.shiftKey)) && (evt.ctrlKey || evt.metaKey)) {
+ redoHandler();
+ }
+ });
+
+ $('#delete').on('click', removeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'd' || evt.key === 'Backspace') { removeHandler(); }
+ });
+
+ function undoHandler () {
+ if (!neonView.undo(0)) {
+ console.error('Failed to undo action.');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function redoHandler () {
+ if (!neonView.redo(0)) {
+ console.error('Failed to redo action');
+ } else {
+ neonView.updateForCurrentPage();
+ }
+ }
+
+ function removeHandler () {
+ let toRemove = [];
+ var selected = Array.from(document.getElementsByClassName('selected'));
+ selected.forEach(elem => {
+ toRemove.push(
+ {
+ 'action': 'remove',
+ 'param': {
+ 'elementId': elem.id
+ }
+ }
+ );
+ });
+ let chainAction = {
+ 'action': 'chain',
+ 'param': toRemove
+ };
+ neonView.edit(chainAction, 0).then(() => { neonView.updateForCurrentPage(); });
+ }
+}
+
+/**
+ * Activate a certain insert action.
+ * @param {string} id - The ID of the insert action tab.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function activate (id, insertHandler) {
+ $('#' + id).addClass('is-active');
+ if (document.getElementById(id).classList.contains('insertel')) {
+ insertHandler.insertActive(id);
+ }
+}
+
+/**
+ * Deactivate a certain insert action.
+ * @param {string} type - A JQuery selector for the action tab.
+ */
+function deactivate (type) {
+ var elList = Array.from($(type));
+ elList.forEach((el, i) => {
+ $(elList[i]).removeClass('is-active');
+ });
+}
+
+/**
+ * Bind listeners to insert tab elements.
+ * @param {InsertHandler} insertHandler - An InsertHandler object.
+ */
+function bindElements (insertHandler) {
+ var insertElements = $('.insertel');
+ var elementIds = $.map(insertElements, function (el, i) {
+ return el.id;
+ });
+ $.each(elementIds, function (i, el) {
+ $('#' + el).on('click', function () {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ });
+ document.body.addEventListener('keydown', (evt) => {
+ if (evt.code === 'Digit' + (i + 1) && evt.shiftKey) {
+ deactivate('.insertel');
+ activate(el, insertHandler);
+ Cursor.updateCursor();
+ }
+ });
+ });
+}
+
+/**
+ * Set listeners on the buttons to change selection modes.
+ */
+export function initSelectionButtons () {
+ $('#selBySyl').on('click', selectBySylHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '1') {
+ selectBySylHandler();
+ }
+ });
+
+ function selectBySylHandler () {
+ if (!$('#selBySyl').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selBySyl').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ }
+ }
+
+ $('#selByNeume').on('click', selectByNeumeHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '2') {
+ selectByNeumeHandler();
+ }
+ });
+
+ function selectByNeumeHandler () {
+ if (!$('#selByNeume').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNeume').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByNc').on('click', selectByNcHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '3') {
+ selectByNcHandler();
+ }
+ });
+
+ function selectByNcHandler () {
+ if (!$('#selByNc').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByNc').addClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selByStaff').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+
+ $('#selByStaff').on('click', selectByStaffHandler);
+ $('body').on('keydown', (evt) => {
+ if (evt.key === '4') {
+ selectByStaffHandler();
+ }
+ });
+
+ function selectByStaffHandler () {
+ if (!$('#selByStaff').hasClass('is-active')) {
+ unselect();
+ $('#moreEdit').empty();
+ $('#selByStaff').addClass('is-active');
+ $('#selByNc').removeClass('is-active');
+ $('#selByNeume').removeClass('is-active');
+ $('#selBySyl').removeClass('is-active');
+ }
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Grouping.js.html b/doc/SingleEdit_Grouping.js.html
similarity index 54%
rename from doc/Grouping.js.html
rename to doc/SingleEdit_Grouping.js.html
index 42c768f61..823b8349c 100644
--- a/doc/Grouping.js.html
+++ b/doc/SingleEdit_Grouping.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Grouping.js
+ JSDoc: Source: SingleEdit/Grouping.js
@@ -17,7 +17,7 @@
- Source: Grouping.js
+ Source: SingleEdit/Grouping.js
@@ -26,13 +26,13 @@ Source: Grouping.js
- /** @module Grouping */
+ /** @module SingleEdit/Grouping */
import * as Contents from './Contents.js';
-import * as Warnings from './Warnings.js';
-import * as Notification from './Notification.js';
+import * as Warnings from '../Warnings.js';
+import * as Notification from '../utils/Notification.js';
import { unsetVirgaAction, unsetInclinatumAction } from './SelectOptions.js';
-import InfoBox from './InfoBox.js';
+import InfoModule from '../InfoModule.js';
const $ = require('jquery');
/**
@@ -43,6 +43,7 @@ Source: Grouping.js
/**
* Set the neonView member.
+ * @param {NeonView} view
*/
export function initNeonView (view) {
neonView = view;
@@ -71,7 +72,9 @@ Source: Grouping.js
*/
export function initGroupingListeners () {
$('#mergeSyls').on('click', function () {
- var elementIds = getChildrenIds();
+ var elementIds = getChildrenIds().filter(e =>
+ document.getElementById(e).classList.contains('neume')
+ );
groupingAction('group', 'neume', elementIds);
});
@@ -94,7 +97,7 @@ Source: Grouping.js
var elementIds = getChildrenIds();
groupingAction('ungroup', 'nc', elementIds);
});
- $('#toggle-ligature').on('click', function () {
+ $('#toggle-ligature').on('click', async function () {
var elementIds = getIds();
var isLigature;
let ligatureRegex = /#E99[016]/;
@@ -107,7 +110,7 @@ Source: Grouping.js
unsetInclinatumAction(elementIds[0]), unsetVirgaAction(elementIds[0]),
unsetInclinatumAction(elementIds[1]), unsetVirgaAction(elementIds[1])
] };
- neonView.edit(chainAction);
+ await neonView.edit(chainAction, 0);
}
let editorAction = {
@@ -117,13 +120,15 @@ Source: Grouping.js
'isLigature': isLigature.toString()
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Ligature Toggled');
- } else {
- Notification.queueNotification('Ligature Toggle Failed');
- }
- endGroupingSelection();
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Ligature Toggled');
+ } else {
+ Notification.queueNotification('Ligature Toggle Failed');
+ }
+ endGroupingSelection();
+ neonView.updateForCurrentPage();
+ });
});
}
@@ -141,31 +146,33 @@ Source: Grouping.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- if (action === 'group') {
- Notification.queueNotification('Grouping Success');
- } else {
- Notification.queueNotification('Ungrouping Success');
- }
- } else {
- if (action === 'group') {
- Notification.queueNotification('Grouping Failed');
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Success');
+ } else {
+ Notification.queueNotification('Ungrouping Success');
+ }
} else {
- Notification.queueNotification('Ungrouping Failed');
+ if (action === 'group') {
+ Notification.queueNotification('Grouping Failed');
+ } else {
+ Notification.queueNotification('Ungrouping Failed');
+ }
}
- }
- neonView.refreshPage();
-
- // Prompt user to confirm if Neon does not re cognize contour
- if (groupType === 'nc') {
- var neumeParent = $('#' + elementIds[0]).parent();
- var ncs = $(neumeParent).children();
- var contour = InfoBox.getContour((ncs));
- if (contour === undefined) {
- Warnings.groupingNotRecognized();
+ neonView.updateForCurrentPage();
+
+ // Prompt user to confirm if Neon does not re cognize contour
+ if (groupType === 'nc') {
+ var neumeParent = $('#' + elementIds[0]).parent();
+ var ncs = $(neumeParent).children();
+ var contour = InfoModule.getContour((ncs));
+ if (contour === undefined) {
+ Warnings.groupingNotRecognized();
+ }
}
- }
- endGroupingSelection();
+ endGroupingSelection();
+ });
}
/**
@@ -204,13 +211,13 @@ Source: Grouping.js
diff --git a/doc/InsertHandler.js.html b/doc/SingleEdit_InsertHandler.js.html
similarity index 69%
rename from doc/InsertHandler.js.html
rename to doc/SingleEdit_InsertHandler.js.html
index ddce7f5ff..68cfbf4e8 100644
--- a/doc/InsertHandler.js.html
+++ b/doc/SingleEdit_InsertHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: InsertHandler.js
+ JSDoc: Source: SingleEdit/InsertHandler.js
@@ -17,7 +17,7 @@
- Source: InsertHandler.js
+ Source: SingleEdit/InsertHandler.js
@@ -26,9 +26,8 @@ Source: InsertHandler.js
- import * as Cursor from './Cursor.js';
-import InfoBox from './InfoBox.js';
-import * as Notification from './Notification.js';
+ import * as Cursor from '../utils/Cursor.js';
+import InfoModule from '../InfoModule.js';
const d3 = require('d3');
const $ = require('jquery');
@@ -63,43 +62,43 @@ Source: InsertHandler.js
'tilt': 'n'
};
} else if (buttonId === 'pes') {
- let contour = InfoBox.getContourByValue('Pes');
+ let contour = InfoModule.getContourByValue('Pes');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'clivis') {
- let contour = InfoBox.getContourByValue('Clivis');
+ let contour = InfoModule.getContourByValue('Clivis');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'scandicus') {
- let contour = InfoBox.getContourByValue('Scandicus');
+ let contour = InfoModule.getContourByValue('Scandicus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'climacus') {
- let contour = InfoBox.getContourByValue('Climacus');
+ let contour = InfoModule.getContourByValue('Climacus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'torculus') {
- let contour = InfoBox.getContourByValue('Torculus');
+ let contour = InfoModule.getContourByValue('Torculus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'porrectus') {
- let contour = InfoBox.getContourByValue('Porrectus');
+ let contour = InfoModule.getContourByValue('Porrectus');
type = 'grouping';
attributes = {
'contour': contour
};
} else if (buttonId === 'pressus') {
- let contour = InfoBox.getContourByValue('Pressus');
+ let contour = InfoModule.getContourByValue('Pressus');
type = 'grouping';
attributes = {
'contour': contour
@@ -128,8 +127,8 @@ Source: InsertHandler.js
}
removeInsertClickHandlers();
if (type === 'staff') {
- $('body').on('click', '#svg_output', staffHandler);
- } else { $('body').on('click', '#svg_output', handler); }
+ $('body').on('click', '#svg_group', staffHandler);
+ } else { $('body').on('click', '#svg_group', handler); }
// Disable edit mode listeners
$('body').on('keydown', keydownListener);
@@ -150,8 +149,10 @@ Source: InsertHandler.js
document.getElementById('delete').parentNode.parentNode.appendChild(editModeContainer);
editModeButton.addEventListener('click', insertDisabled);
}
-
- Notification.queueNotification('Insert Mode');
+ $('#editMenu').css('backgroundColor', 'whitesmoke');
+ $('#editMenu').css('font-weight', '');
+ $('#insertMenu').css('backgroundColor', '#ffc7c7');
+ $('#insertMenu').css('font-weight', 'bold');
}
/**
@@ -167,7 +168,10 @@ Source: InsertHandler.js
firstClick = true;
Cursor.resetCursor();
$(document.getElementById('returnToEditMode').parentNode).remove();
- Notification.queueNotification('Edit Mode');
+ $('#insertMenu').css('backgroundColor', 'whitesmoke');
+ $('#insertMenu').css('font-weight', '');
+ $('#editMenu').css('backgroundColor', '#ffc7c7');
+ $('#editMenu').css('font-weight', 'bold');
}
function clickawayHandler (evt) {
@@ -181,7 +185,7 @@ Source: InsertHandler.js
function resetInsertHandler (evt) {
if (evt.key === 'Shift') {
- $('body').on('click', '#svg_output', type === 'staff' ? staffHandler : handler);
+ $('body').on('click', '#svg_group', type === 'staff' ? staffHandler : handler);
}
}
@@ -222,8 +226,9 @@ Source: InsertHandler.js
editorAction['param']['attributes'] = attributes;
}
- neonView.edit(editorAction);
- neonView.refreshPage();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ });
}
/**
@@ -268,15 +273,16 @@ Source: InsertHandler.js
}
};
- neonView.edit(action);
- neonView.refreshPage();
- insertDisabled();
+ neonView.edit(action, 0).then(() => {
+ neonView.updateForCurrentPage();
+ insertDisabled();
+ });
}
}
function removeInsertClickHandlers () {
- $('body').off('click', '#svg_output', staffHandler);
- $('body').off('click', '#svg_output', handler);
+ $('body').off('click', '#svg_group', staffHandler);
+ $('body').off('click', '#svg_group', handler);
}
/**
@@ -303,13 +309,13 @@ Source: InsertHandler.js
diff --git a/doc/ResizeStaff.js.html b/doc/SingleEdit_ResizeStaff.js.html
similarity index 67%
rename from doc/ResizeStaff.js.html
rename to doc/SingleEdit_ResizeStaff.js.html
index 0ba5cc919..863b89d9f 100644
--- a/doc/ResizeStaff.js.html
+++ b/doc/SingleEdit_ResizeStaff.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: ResizeStaff.js
+ JSDoc: Source: SingleEdit/ResizeStaff.js
@@ -17,7 +17,7 @@
- Source: ResizeStaff.js
+ Source: SingleEdit/ResizeStaff.js
@@ -28,7 +28,7 @@ Source: ResizeStaff.js
/**
* Support for resizing the staff by creating a resizable box around it.
- * @module ResizeStaff
+ * @module SingleEdit/ResizeStaff
*/
import { selectStaff } from './Select.js';
@@ -172,16 +172,18 @@ Source: ResizeStaff.js
'lry': lry
}
};
- if (neonView.edit(editorAction)) {
- neonView.refreshPage();
- }
- staff = document.getElementById(staffId);
- ulx = undefined;
- uly = undefined;
- lrx = undefined;
- lry = undefined;
- selectStaff(staff, dragHandler);
- drawInitialRect();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ staff = document.getElementById(staffId);
+ ulx = undefined;
+ uly = undefined;
+ lrx = undefined;
+ lry = undefined;
+ selectStaff(staff, dragHandler);
+ drawInitialRect();
+ });
}
}
@@ -210,13 +212,13 @@ Source: ResizeStaff.js
diff --git a/doc/Select.js.html b/doc/SingleEdit_Select.js.html
similarity index 65%
rename from doc/Select.js.html
rename to doc/SingleEdit_Select.js.html
index a17f6bf60..c10d9a0f8 100644
--- a/doc/Select.js.html
+++ b/doc/SingleEdit_Select.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Select.js
+ JSDoc: Source: SingleEdit/Select.js
@@ -17,7 +17,7 @@
- Source: Select.js
+ Source: SingleEdit/Select.js
@@ -26,138 +26,144 @@ Source: Select.js
- /** @module Select */
+ /** @module SingleEdit/Select */
-import * as Color from './Color.js';
-import * as Controls from './Controls.js';
+import * as Color from '../utils/Color.js';
+import { updateHighlight } from '../SingleView/DisplayControls.js';
+import { initSelectionButtons } from './EditControls.js';
import * as Grouping from './Grouping.js';
import * as SelectOptions from './SelectOptions.js';
import Resize from './ResizeStaff.js';
+
const d3 = require('d3');
const $ = require('jquery');
+var dragHandler, neonView, info, zoomHandler;
+
/**
- * Handle click selection and mark elements as selected.
- * @constructor
- * @param {DragHandler} dragHandler - An instantiated DragHandler object.
- * @param {module:Zoom~Zoomhandler} zoomHandler
- * @param {NeonView} neonView - The NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Get the selection mode chosen by the user.
+ * @returns {string|null}
*/
-export function ClickSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
- selectListeners();
-
- // Selection mode toggle
- function selectListeners () {
- var classesToSelect = '#svg_group use, #svg_group';
- Controls.initSelectionButtons();
-
- // Activating selected neumes
- $(classesToSelect).off('mousedown', handler);
- $(classesToSelect).on('mousedown', handler);
-
- function handler (evt) {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (editing || evt.shiftKey) { return; }
- if (this.tagName === 'use') {
- // If this was part of a drag select, drag don't reselect the one component
- if ($(this).parents('.selected').length === 0) {
- selectAll([this], neonCore, neonView, dragHandler, infoBox);
- }
- } else {
- if (!$('#selByStaff').hasClass('is-active')) {
- infoBox.infoListeners();
- return;
- }
- // Check if point is in staff.
- var container = document.getElementsByClassName('definition-scale')[0];
- let pt = container.createSVGPoint();
- pt.x = evt.clientX;
- pt.y = evt.clientY;
- let transformMatrix = container.getScreenCTM();
- pt = pt.matrixTransform(transformMatrix.inverse());
-
- let selectedStaves = Array.from($('.staff')).filter((staff) => {
- let box = getStaffBBox(staff);
- return (box.ulx < pt.x && pt.x < box.lrx) && (box.uly < pt.y && pt.y < box.lry);
- });
- if (selectedStaves.length !== 1) {
- if ($('.selected').length > 0) {
- infoBox.infoListeners();
- }
- unselect();
- return;
- }
+function getSelectionType () {
+ let element = document.getElementsByClassName('sel-by active');
+ if (element.length !== 0) {
+ return element[0].id;
+ } else {
+ return null;
+ }
+}
- var staff = selectedStaves[0];
- if (!$(staff).hasClass('selected')) {
- selectStaff(staff, dragHandler);
- SelectOptions.triggerSplitActions();
- let resize = new Resize(staff.id, neonView, dragHandler);
- resize.drawInitialRect();
- // Start staff dragging
- dragHandler.dragInit();
- }
- staff.dispatchEvent(new MouseEvent('mousedown', {
- screenX: evt.screenX,
- screenY: evt.screenY,
- clientX: evt.clientX,
- clientY: evt.clientY,
- ctrlKey: evt.ctrlKey,
- shiftKey: evt.shiftKey,
- altKey: evt.altKey,
- metaKey: evt.metaKey,
- view: evt.view
- }));
- }
- }
+/**
+ * Set the objects for this module.
+ * @param {DragHandler} dh - The drag handler object
+ * @param {NeonView} nv - The NeonView object
+ */
+export function setSelectHelperObjects (dh, nv) {
+ dragHandler = dh;
+ neonView = nv;
+ info = neonView.InfoModule;
+ zoomHandler = neonView.view.zoomHandler;
+
+ initSelectionButtons();
+ neonView.view.addUpdateCallback(clickSelect);
+ neonView.view.addUpdateCallback(dragSelect);
+}
- // click away listeners
- $('body').on('keydown', (evt) => { // click
- if (evt.type === 'keydown' && evt.key !== 'Escape') return;
- SelectOptions.endOptionsSelection();
+/**
+ * Apply listeners for click selection.
+ */
+export function clickSelect () {
+ $('#svg_group, #svg_group use').off('mousedown', clickHandler);
+ $('#svg_group, #svg_group use').on('mousedown', clickHandler);
+
+ // Click away listeners
+ $('body').on('keydown', (evt) => {
+ if (evt.key === 'Escape') {
if ($('.selected').length > 0) {
- infoBox.infoListeners();
+ info.infoListeners();
}
unselect();
- });
+ }
+ });
- $('use').on('click', function (e) {
- e.stopPropagation();
- });
+ $('use').on('click', (e) => { e.stopPropagation(); });
+ $('#moreEdit').on('click', (e) => { e.stopPropagation(); });
+}
- $('#moreEdit').on('click', function (e) {
- e.stopPropagation();
+/**
+ * Handle click events related to element selection.
+ * @param {object} evt
+ */
+function clickHandler (evt) {
+ let mode = neonView.getUserMode();
+
+ // If in insert mode or panning is active from shift key
+ if (mode === 'insert' || evt.shiftKey) { return; }
+
+ // Check if the element being clicked on is part of a drag Selection
+ if (this.tagName === 'use') {
+ if ($(this).parents('.selected').length === 0) {
+ selectAll([this]);
+ }
+ } else {
+ // Check if the point being clicked on is a staff selection (if applicable)
+ if (getSelectionType() !== 'selByStaff') {
+ info.infoListeners();
+ return;
+ }
+
+ // Check if the point is in a staff.
+ let container = document.getElementsByClassName('definition-scale')[0];
+ let pt = container.createSVGPoint();
+ pt.x = evt.clientX;
+ pt.y = evt.clientY;
+ let transformMatrix = container.getScreenCTM();
+ pt = pt.matrixTransform(transformMatrix.inverse());
+
+ let selectedStaves = Array.from($('.staff')).filter((staff) => {
+ let bbox = getStaffBBox(staff);
+ return (bbox.ulx < pt.x && pt.x < bbox.lrx) && (bbox.uly < pt.y && pt.y < bbox.lry);
});
+ if (selectedStaves.length !== 1) {
+ if ($('.selected').length > 0) {
+ info.infoListeners();
+ }
+ unselect();
+ return;
+ }
+
+ // Select a staff
+ let staff = selectedStaves[0];
+ if (!staff.classList.contains('selected')) {
+ // Select previously unselected staff
+ selectStaff(staff, this.dragHandler);
+ let resize = new Resize(staff.id, neonView, dragHandler);
+ resize.drawInitialRect();
+ this.dragHandler.dragInit();
+ }
+ // Trigger mousedown event on the staff
+ staff.dispatchEvent(new MouseEvent('mousedown', {
+ screenX: evt.screenX,
+ screenY: evt.screenY,
+ clientX: evt.clientX,
+ clientY: evt.clientY,
+ ctrlKey: evt.ctrlKey,
+ shiftKey: evt.shiftKey,
+ altKey: evt.altKey,
+ metaKey: evt.metaKey,
+ view: evt.view
+ }));
}
- ClickSelect.prototype.selectListeners = selectListeners;
}
/**
- * Handle dragging to select musical elements and staves.
- * @constructor
- * @param {DragHandler} dragHandler - Instantiated DragHandler object.
- * @param {module:Zoom~ZoomHandler} zoomHandler - Instantiated ZoomHandler object.
- * @param {NeonView} neonView - NeonView parent.
- * @param {NeonCore} neonCore
- * @param {InfoBox} infoBox
+ * Apply listeners for drag selection.
*/
-export function DragSelect (dragHandler, zoomHandler, neonView, neonCore, infoBox) {
+export function dragSelect () {
var initialX = 0;
-
var initialY = 0;
-
var panning = false;
-
var dragSelecting = false;
-
var canvas = d3.select('#svg_group');
var dragSelectAction = d3.drag()
.on('start', selStart)
@@ -166,23 +172,14 @@ Source: Select.js
canvas.call(dragSelectAction);
dragHandler.resetTo(dragSelectAction);
- /**
- * Start drag selecting musical elements.
- */
function selStart () {
- var editing = false;
- var insertEls = Array.from(d3.selectAll('.insertel')._groups[0]);
- insertEls.forEach(el => {
- if ($(el).hasClass('is-active')) {
- editing = true;
- }
- });
- if (d3.event.sourceEvent.target.nodeName !== 'use' && !editing) {
- if (!d3.event.sourceEvent.shiftKey) {
+ let userMode = neonView.getUserMode();
+ if (d3.event.sourceEvent.target.nodeName !== 'use' && userMode !== 'insert') {
+ if (!d3.event.sourceEvent.shiftKey) { // If not holding down shift key to pan
if (!$('#selByStaff').hasClass('is-active') || pointNotInStaff(d3.mouse(this))) {
unselect();
dragSelecting = true;
- var initialP = d3.mouse(this);
+ let initialP = d3.mouse(this);
initialX = initialP[0];
initialY = initialP[1];
initRect(initialX, initialY);
@@ -195,16 +192,15 @@ Source: Select.js
panning = true;
zoomHandler.startDrag();
}
- editing = false;
}
/**
- * Check if a point is within the bounding boxes of any staves.
- * @param {number[]} point - An array where index 0 corresponds to x and 1 corresponds to y
- * @returns {boolean}
- */
+ * Check if a point is in the bounds of a staff element.
+ * @param {SVGPoint} point
+ * @returns {boolean}
+ */
function pointNotInStaff (point) {
- let staves = Array.from($('.staff'));
+ let staves = Array.from(document.getElementsByClassName('staff'));
let filtered = staves.filter((staff) => {
let box = getStaffBBox(staff);
return (box.ulx < point[0] && point[0] < box.lrx) && (box.uly < point[1] && point[1] < box.lry);
@@ -212,9 +208,6 @@ Source: Select.js
return (filtered.length === 0);
}
- /**
- * Action to run while the drag select continues. Updates the rectangle.
- */
function selecting () {
if (!panning && dragSelecting) {
var currentPt = d3.mouse(this);
@@ -232,9 +225,6 @@ Source: Select.js
}
}
- /**
- * Finish the selection and mark elements within the rectangle as being selected.
- */
function selEnd () {
if (!panning && dragSelecting) {
var rx = parseInt($('#selectRect').attr('x'));
@@ -264,7 +254,7 @@ Source: Select.js
}
});
- selectAll(elements, neonCore, neonView, dragHandler, infoBox);
+ selectAll(elements);
dragHandler.dragInit();
d3.selectAll('#selectRect').remove();
@@ -307,52 +297,26 @@ Source: Select.js
}
/**
- * Get the bounding box of a staff based on its staff lines.
- * @param {SVGSVGElement} staff
- * @returns {object}
+ * Select a staff element.
+ * @param {SVGGElement} el - The staff element in the DOM.
+ * @param {DragHandler} dragHandler - The drag handler in use.
*/
-function getStaffBBox (staff) {
- let ulx, uly, lrx, lry;
- Array.from($(staff).children('path')).forEach(path => {
- let box = path.getBBox();
- if (uly === undefined || box.y < uly) {
- uly = box.y;
- }
- if (ulx === undefined || box.x < ulx) {
- ulx = box.x;
- }
- if (lry === undefined || box.y + box.height > lry) {
- lry = box.y + box.height;
- }
- if (lrx === undefined || box.x + box.width > lrx) {
- lrx = box.x + box.width;
- }
- });
- return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
-}
-
-/**
- * Select not neume elements.
- * @param {object[]} notNeumes - An array of not neumes elements.
- */
-function selectNn (notNeumes) {
- if (notNeumes.length > 0) {
- notNeumes.forEach(nn => { select(nn); });
- return false;
- } else {
- return true;
+export function selectStaff (el, dragHandler) {
+ let staff = $(el);
+ if (!staff.hasClass('selected')) {
+ unselect();
+ staff.addClass('selected');
+ updateHighlight();
+ Color.highlight(el, '#d00');
+ dragHandler.dragInit();
}
}
/**
* Handle selecting an array of elements based on the selection type.
- * @param {SVGSVGElement[]} elements - The elements to select. Either <g> or <use>.
- * @param {NeonCore} neonCore - A neonCore instance.
- * @param {NeonView} neonView - The NeonView parent.
- * @param {DragHandler} dragHandler - A DragHandler to alow staff resizing and some neume component selection cases.
- * @param {InfoBox} infoBox
+ * @param {SVGGraphicsElement[]} elements - The elements to select. Either <g> or <use>.
*/
-function selectAll (elements, neonCore, neonView, dragHandler, infoBox) {
+async function selectAll (elements) {
var syls = [];
var neumes = [];
@@ -407,7 +371,7 @@ Source: Select.js
$(elem).addClass('selected');
});
- Controls.updateHighlight();
+ updateHighlight();
toSelect.forEach(elem => {
Color.highlight(elem, '#d00');
});
@@ -437,7 +401,9 @@ Source: Select.js
}
}
} else if (syls.length > 1) {
- Grouping.triggerGrouping('syl');
+ if (sharedSecondLevelParent(syls)) {
+ Grouping.triggerGrouping('syl');
+ }
} else if (syls.length === 1) {
var syl = syls[0];
var nmChildren = $(syl).children('.neume');
@@ -450,9 +416,11 @@ Source: Select.js
SelectOptions.triggerNcActions(ncChildren[0]);
} else if (ncChildren.length === 2) {
unselect();
- if (isLigature(ncChildren[0], neonCore)) {
- selectNcs(ncChildren[0], dragHandler, neonCore);
- Grouping.triggerGrouping('ligature');
+ if (await isLigature(ncChildren[0])) {
+ selectNcs(ncChildren[0], dragHandler);
+ if (sharedSecondLevelParent(Array.from(document.getElementsByClassName('selected')))) {
+ Grouping.triggerGrouping('ligature');
+ }
} else {
select(neume);
SelectOptions.triggerNeumeActions();
@@ -490,7 +458,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('neume');
+ if (sharedSecondLevelParent(neumes)) {
+ Grouping.triggerGrouping('neume');
+ }
} else {
let sylNeumes = Array.from(syllable.children).filter(child => $(child).hasClass('neume'));
let result = true;
@@ -508,7 +478,7 @@ Source: Select.js
unselect();
select(ncChildren[0]);
SelectOptions.triggerNcActions(ncChildren[0]);
- } else if (ncChildren.length === 2 && isLigature(ncChildren[0], neonCore)) {
+ } else if (ncChildren.length === 2 && await isLigature(ncChildren[0])) {
unselect();
select(ncChildren[0]);
select(ncChildren[1]);
@@ -520,11 +490,11 @@ Source: Select.js
} else if (selectMode === 'selByNc') {
let noClefOrCustos = selectNn(notNeumes);
if (ncs.length === 1 && noClefOrCustos) {
- selectNcs(ncs[0].children[0], dragHandler, neonCore);
+ selectNcs(ncs[0].children[0], dragHandler);
return;
}
var prev = $(ncs[0]).prev();
- if (ncs.length !== 0 && isLigature(ncs[0], neonCore) && prev.length !== 0 && isLigature($(ncs[0]).prev()[0], neonCore)) {
+ if (ncs.length !== 0 && await isLigature(ncs[0]) && prev.length !== 0 && await isLigature($(ncs[0]).prev()[0])) {
ncs.push($(ncs[0]).prev()[0]);
}
ncs.forEach(nc => { select(nc); });
@@ -556,8 +526,8 @@ Source: Select.js
if (secondY > firstY) {
if (ncs[0].parentNode.id === ncs[1].parentNode.id) {
- let isFirstLigature = isLigature(ncs[0], neonCore);
- let isSecondLigature = isLigature(ncs[1], neonCore);
+ let isFirstLigature = await isLigature(ncs[0]);
+ let isSecondLigature = await isLigature(ncs[1]);
if ((isFirstLigature && isSecondLigature) || (!isFirstLigature && !isSecondLigature)) {
Grouping.triggerGrouping('ligature');
}
@@ -566,12 +536,16 @@ Source: Select.js
} */
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else {
if (ncs[0].parentElement !== ncs[1].parentElement) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
}
}
} else if (ncs.length > 1 && noClefOrCustos) {
@@ -584,7 +558,9 @@ Source: Select.js
}
}
if (group) {
- Grouping.triggerGrouping('nc');
+ if (sharedSecondLevelParent(ncs)) {
+ Grouping.triggerGrouping('nc');
+ }
} else {
let neumeNcs = Array.from(neume.children).filter(nc => $(nc).hasClass('nc'));
let result = true;
@@ -600,7 +576,7 @@ Source: Select.js
}
}
if ($('.selected').length > 0) {
- infoBox.stopListeners();
+ info.stopListeners();
}
dragHandler.dragInit();
}
@@ -630,12 +606,12 @@ Source: Select.js
} else {
SelectOptions.endOptionsSelection();
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Generic select function.
- * @param {SVGSVGElement} el
+ * @param {SVGGraphicsElement} el
*/
function select (el) {
if (!$(el).hasClass('selected')) {
@@ -656,26 +632,26 @@ Source: Select.js
}
}
}
- Controls.updateHighlight();
+ updateHighlight();
}
/**
* Select an nc.
- * @param {SVGSVGElement} el - The nc element to select.
+ * @param {SVGGraphicsElement} el - The nc element to select.
* @param {DragHandler} dragHandler - An instantiated DragHandler.
*/
-function selectNcs (el, dragHandler, neonCore) {
+async function selectNcs (el, dragHandler) {
if (!$(el).parent().hasClass('selected')) {
var parent = el.parentNode;
unselect();
select(parent);
- if (isLigature(parent, neonCore)) {
+ if (await isLigature(parent)) {
var prevNc = $(parent).prev()[0];
- if (isLigature(prevNc, neonCore)) {
+ if (await isLigature(prevNc)) {
select(prevNc);
} else {
var nextNc = $(parent).next()[0];
- if (isLigature(nextNc, neonCore)) {
+ if (await isLigature(nextNc)) {
select(nextNc);
} else {
console.warn('Error: Neither prev or next nc are ligatures');
@@ -692,30 +668,68 @@ Source: Select.js
}
/**
- * Select a staff.
- * @param {SVGSVGElement} el - The staff element to select.
- * @param {DragHandler} dragHandler - An instantiated DragHandler.
+ * Check if neume component is part of a ligature
+ * @param {SVGGraphicsElement} nc - The neume component to check.
+ * @returns {boolean}
*/
-export function selectStaff (el, dragHandler) {
- let staff = $(el);
- if (!staff.hasClass('selected')) {
- unselect();
- staff.addClass('selected');
- Controls.updateHighlight();
- Color.highlight(el, '#d00');
- dragHandler.dragInit();
+async function isLigature (nc) {
+ var attributes = await neonView.getElementAttr(nc.id, 0);
+ return (attributes.ligated === 'true');
+}
+
+/**
+ * Check if the elements have the same parent up two levels.
+ * @param {Array<Element>} elements - The array of elements.
+ * @returns {boolean} - If the elements share the same second level parent.
+ */
+function sharedSecondLevelParent (elements) {
+ let firstElement = elements.pop();
+ let secondParent = firstElement.parentElement.parentElement;
+ for (let element of elements) {
+ let secPar = element.parentElement.parentElement;
+ if (secPar.id !== secondParent.id) {
+ return false;
+ }
}
+ return true;
}
/**
- * Check if neume component is part of a ligature
- * @param {SVGSVGElement} nc - The neume component to check.
- * @param {NeonCore} neonCore - An instantiated NeonCore.
+ * Get the bounding box of a staff based on its staff lines.
+ * @param {SVGGElement} staff
+ * @returns {object}
*/
-function isLigature (nc, neonCore) {
- var attributes = neonCore.getElementAttr(nc.id);
- if (attributes.ligated === 'true') return true;
- return false;
+function getStaffBBox (staff) {
+ let ulx, uly, lrx, lry;
+ Array.from($(staff).children('path')).forEach(path => {
+ let box = path.getBBox();
+ if (uly === undefined || box.y < uly) {
+ uly = box.y;
+ }
+ if (ulx === undefined || box.x < ulx) {
+ ulx = box.x;
+ }
+ if (lry === undefined || box.y + box.height > lry) {
+ lry = box.y + box.height;
+ }
+ if (lrx === undefined || box.x + box.width > lrx) {
+ lrx = box.x + box.width;
+ }
+ });
+ return { 'ulx': ulx, 'uly': uly, 'lrx': lrx, 'lry': lry };
+}
+
+/**
+ * Select not neume elements.
+ * @param {SVGGraphicsElement[]} notNeumes - An array of not neumes elements.
+ */
+function selectNn (notNeumes) {
+ if (notNeumes.length > 0) {
+ notNeumes.forEach(nn => { select(nn); });
+ return false;
+ } else {
+ return true;
+ }
}
@@ -727,13 +741,13 @@ Source: Select.js
diff --git a/doc/SelectOptions.js.html b/doc/SingleEdit_SelectOptions.js.html
similarity index 57%
rename from doc/SelectOptions.js.html
rename to doc/SingleEdit_SelectOptions.js.html
index 5a3283fa0..4548b04d2 100644
--- a/doc/SelectOptions.js.html
+++ b/doc/SingleEdit_SelectOptions.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SelectOptions.js
+ JSDoc: Source: SingleEdit/SelectOptions.js
@@ -17,7 +17,7 @@
- Source: SelectOptions.js
+ Source: SingleEdit/SelectOptions.js
@@ -26,11 +26,11 @@ Source: SelectOptions.js
- /** @module SelectOptions */
+ /** @module SingleEdit/SelectOptions */
import * as Contents from './Contents.js';
import * as Grouping from './Grouping.js';
-import * as Notification from './Notification.js';
-import InfoBox from './InfoBox.js';
+import * as Notification from '../utils/Notification.js';
+import InfoModule from '../InfoModule.js';
import SplitHandler from './SplitHandler.js';
const $ = require('jquery');
@@ -84,7 +84,7 @@ Source: SelectOptions.js
// TODO: CHANGE NAVABAR-LINK TO PROPER ICON//
/**
* Trigger the extra nc action menu.
- * @param {SVGSVGElement} nc - The last selected elements.
+ * @param {SVGGraphicsElement} nc - The last selected elements.
*/
export function triggerNcActions (nc) {
endOptionsSelection();
@@ -94,13 +94,15 @@ Source: SelectOptions.js
$('#Punctum.dropdown-item').on('click', () => {
let unsetInclinatum = unsetInclinatumAction(nc.id);
let unsetVirga = unsetVirgaAction(nc.id);
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, unsetVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Inclinatum.dropdown-item').on('click', () => {
@@ -112,13 +114,15 @@ Source: SelectOptions.js
'attrValue': 'se'
}
};
- if (neonView.edit(setInclinatum)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setInclinatum, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#Virga.dropdown-item').on('click', () => {
@@ -131,14 +135,15 @@ Source: SelectOptions.js
'attrValue': 'n'
}
};
- if (neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] })) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- console.log(neonView.getElementAttr(nc.id));
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit({ 'action': 'chain', 'param': [ unsetInclinatum, setVirga ] }, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
@@ -158,7 +163,7 @@ Source: SelectOptions.js
}
$('.grouping').on('click', (e) => {
- var contour = InfoBox.getContourByValue(e.target.id);
+ var contour = InfoModule.getContourByValue(e.target.id);
triggerChangeGroup(contour);
});
@@ -170,13 +175,15 @@ Source: SelectOptions.js
'contour': contour
}
};
- if (neonView.edit(changeGroupingAction)) {
- Notification.queueNotification('Grouping Changed');
- } else {
- Notification.queueNotification('Grouping Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(changeGroupingAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Grouping Changed');
+ } else {
+ Notification.queueNotification('Grouping Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
}
initOptionsListeners();
Grouping.initGroupingListeners();
@@ -197,6 +204,7 @@ Source: SelectOptions.js
/**
* Trigger extra clef actions.
+ * @param {SVGGraphicsElement} clef - The clef that actions would be applied to.
*/
export function triggerClefActions (clef) {
endOptionsSelection();
@@ -210,13 +218,15 @@ Source: SelectOptions.js
'shape': 'C'
}
};
- if (neonView.edit(setCClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setCClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
$('#FClef.dropdown-item').on('click', () => {
let setFClef = {
@@ -226,13 +236,15 @@ Source: SelectOptions.js
'shape': 'F'
}
};
- if (neonView.edit(setFClef)) {
- Notification.queueNotification('Shape Changed');
- } else {
- Notification.queueNotification('Shape Change Failed');
- }
- endOptionsSelection();
- neonView.refreshPage();
+ neonView.edit(setFClef, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Shape Changed');
+ } else {
+ Notification.queueNotification('Shape Change Failed');
+ }
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ });
});
initOptionsListeners();
}
@@ -257,13 +269,15 @@ Source: SelectOptions.js
'elementIds': elementIds
}
};
- if (neonView.edit(editorAction)) {
- Notification.queueNotification('Staff Merged');
- endOptionsSelection();
- neonView.refreshPage();
- } else {
- Notification.queueNotification('Merge Failed');
- }
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ Notification.queueNotification('Staff Merged');
+ endOptionsSelection();
+ neonView.updateForCurrentPage();
+ } else {
+ Notification.queueNotification('Merge Failed');
+ }
+ });
});
}
@@ -309,13 +323,13 @@ Source: SelectOptions.js
diff --git a/doc/SingleEdit_SingleEditMode.js.html b/doc/SingleEdit_SingleEditMode.js.html
new file mode 100644
index 000000000..0e588a858
--- /dev/null
+++ b/doc/SingleEdit_SingleEditMode.js.html
@@ -0,0 +1,106 @@
+
+
+
+
+ JSDoc: Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleEdit/SingleEditMode.js
+
+
+
+
+
+
+
+
+ import { bindInsertTabs, initEditModeControls, initNavbar, initInsertEditControls } from './EditControls.js';
+import DragHandler from '../SingleView/DragHandler.js';
+import * as Select from './Select.js';
+import InsertHandler from './InsertHandler.js';
+import * as SelectOptions from './SelectOptions.js';
+
+/**
+ * An Edit Module for a single page of a manuscript.
+ * Works with the SingleView module.
+ */
+class SingleEditMode {
+ /**
+ * Constructor for an EditMode object.
+ * @param {NeonView} neonView - The NeonView parent.
+ */
+ constructor (neonView) {
+ this.neonView = neonView;
+ initEditModeControls(this);
+ }
+
+ /**
+ * Initialize the start of edit mode when first leaving viewer mode.
+ */
+ initEditMode () {
+ this.dragHandler = new DragHandler(this.neonView);
+ initNavbar(this.neonView);
+ Select.setSelectHelperObjects(this.dragHandler, this.neonView);
+ Select.clickSelect();
+ this.insertHandler = new InsertHandler(this.neonView);
+ bindInsertTabs(this.insertHandler);
+ document.getElementById('neumeTab').click();
+ Select.dragSelect();
+ SelectOptions.initNeonView(this.neonView);
+ initInsertEditControls(this.neonView);
+ let editMenu = document.getElementById('editMenu');
+ editMenu.style.backgroundColor = '#ffc7c7';
+ editMenu.style.fontWeight = 'bold';
+ }
+
+ /**
+ * Get the user mode that Neon is in. Either insert, edit, or viewer.
+ * @returns {string}
+ */
+ getUserMode () {
+ if (this.insertHandler !== undefined) {
+ if (this.insertHandler.isInsertMode()) {
+ return 'insert';
+ }
+ return 'edit';
+ }
+ return 'viewer';
+ }
+}
+
+export { SingleEditMode as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SplitHandler.js.html b/doc/SingleEdit_SplitHandler.js.html
similarity index 58%
rename from doc/SplitHandler.js.html
rename to doc/SingleEdit_SplitHandler.js.html
index b839515aa..377a0ab53 100644
--- a/doc/SplitHandler.js.html
+++ b/doc/SingleEdit_SplitHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: SplitHandler.js
+ JSDoc: Source: SingleEdit/SplitHandler.js
@@ -17,7 +17,7 @@
- Source: SplitHandler.js
+ Source: SingleEdit/SplitHandler.js
@@ -26,7 +26,7 @@ Source: SplitHandler.js
- import * as Notification from './Notification.js';
+ import * as Notification from '../utils/Notification.js';
const $ = require('jquery');
/**
@@ -93,8 +93,12 @@ Source: SplitHandler.js
}
};
- if (neonView.edit(editorAction)) { neonView.refreshPage(); }
- splitDisable();
+ neonView.edit(editorAction, 0).then((result) => {
+ if (result) {
+ neonView.updateForCurrentPage();
+ }
+ splitDisable();
+ });
}
function splitDisable () {
@@ -118,13 +122,13 @@ Source: SplitHandler.js
diff --git a/doc/SingleView.html b/doc/SingleView.html
new file mode 100644
index 000000000..693af069b
--- /dev/null
+++ b/doc/SingleView.html
@@ -0,0 +1,966 @@
+
+
+
+
+ JSDoc: Class: SingleView
+
+
+
+
+
+
+
+
+
+
+
+
+ Class: SingleView
+
+
+
+
+
+
+
+
+
+
+ SingleView(neonView, DisplayPanel, image)
+
+ A view module for displaying a single page of a manuscript.
+
+
+
+
+
+
+
+
+
+
+ Constructor
+
+
+
+ new SingleView(neonView, DisplayPanel, image)
+
+
+
+
+
+
+
+ Constructor for SingleView.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView parent.
+
+
+
+
+
+
+ DisplayPanel
+
+
+function
+
+
+
+
+
+
+
+
+
+ The constructor for a DisplayPanel.
+
+
+
+
+
+
+ image
+
+
+string
+
+
+
+
+
+
+
+
+
+ The link to the background image for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ addUpdateCallback(cb)
+
+
+
+
+
+
+
+ Add a callback to the list of those be called when the page updates.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback function to add to the list.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ getCurrentPage() → {number}
+
+
+
+
+
+
+
+ Returns the zero-indexed number of the current page. This will always be zero.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ removeUpdateCallback(cb)
+
+
+
+
+
+
+
+ Remove a callback from the list of callbacks if it is part of the list.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ cb
+
+
+function
+
+
+
+
+
+
+
+
+
+ The callback to be removed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ resetTransformations()
+
+
+
+
+
+
+
+ Reset the transformations that have been applied to the SVG upon update.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setViewEventHandlers()
+
+
+
+
+
+
+
+ Set event handlers for the view and display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ updateSVG(svg)
+
+
+
+
+
+
+
+ Update the SVG being displayed.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The SVG to update to.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/SingleView_DisplayControls.js.html b/doc/SingleView_DisplayControls.js.html
new file mode 100644
index 000000000..5a1214bfe
--- /dev/null
+++ b/doc/SingleView_DisplayControls.js.html
@@ -0,0 +1,250 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayControls.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayControls */
+
+import * as Color from '../utils/Color.js';
+import Icons from '../img/icons.svg';
+
+const $ = require('jquery');
+
+/** @type {module:Zoom~ZoomHandler} */
+var zoomHandler;
+
+/**
+ * Set the ZoomHandler to use.
+ * @param {ZoomHandler} zHandler
+ */
+export function setZoomHandler (zHandler) {
+ zoomHandler = zHandler;
+}
+
+/**
+ * Initialize listeners and controls for display panel.
+ */
+export function initDisplayControls () {
+ setZoomControls();
+ setOpacityControls();
+ setBackgroundOpacityControls();
+ // setSylControls();
+ setHighlightControls();
+ setBurgerControls();
+
+ $('#toggleDisplay').on('click', () => {
+ if ($('#displayContents').is(':hidden')) {
+ $('#displayContents').css('display', '');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-down');
+ } else {
+ $('#displayContents').css('display', 'none');
+ $('#toggleDisplay').attr('xlink:href', Icons + '#dropdown-side');
+ }
+ });
+}
+
+/**
+ * Set zoom control listener for button and slider
+ */
+function setZoomControls () {
+ if (zoomHandler === undefined) {
+ return;
+ }
+ $('#zoomSlider').val(100);
+ $('#reset-zoom').click(() => {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ });
+
+ $(document).on('input change', '#zoomSlider', () => {
+ $('#zoomOutput').val($('#zoomSlider').val());
+ zoomHandler.zoomTo($('#zoomOutput').val() / 100.0);
+ });
+
+ $('body').on('keydown', (evt) => {
+ let currentZoom = parseInt($('#zoomOutput').val());
+ if (evt.key === '+') { // increase zoom by 20
+ let newZoom = Math.min(currentZoom + 20, parseInt($('#zoomSlider').attr('max')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '-') { // decrease zoom by 20
+ let newZoom = Math.max(currentZoom - 20, parseInt($('#zoomSlider').attr('min')));
+ zoomHandler.zoomTo(newZoom / 100.0);
+ $('#zoomOutput').val(newZoom);
+ $('#zoomSlider').val(newZoom);
+ } else if (evt.key === '0') {
+ $('#zoomOutput').val(100);
+ $('#zoomSlider').val(100);
+ zoomHandler.resetZoomAndPan();
+ }
+ });
+}
+
+/**
+ * Set rendered MEI opacity button and slider listeners.
+ */
+function setOpacityControls () {
+ $('#opacitySlider').val(100);
+ $('#reset-opacity').click(function () {
+ // Definition scale is the root element of what is generated by verovio
+ $('.definition-scale').css('opacity', 1);
+
+ $('#opacitySlider').val(100);
+ $('#opacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#opacitySlider', setOpacityFromSlider);
+}
+
+/**
+ * Update MEI opacity to value from the slider.
+ */
+export function setOpacityFromSlider () {
+ $('#opacityOutput').val($('#opacitySlider').val());
+ $('.definition-scale').css('opacity', $('#opacityOutput').val() / 100.0);
+}
+
+/** * Set background image opacity button and slider listeners.
+ */
+function setBackgroundOpacityControls () {
+ $('#bgOpacitySlider').val(100);
+ $('#reset-bg-opacity').click(function () {
+ $('#bgimg').css('opacity', 1);
+
+ $('#bgOpacitySlider').val(100);
+ $('#bgOpacityOutput').val(100);
+ });
+
+ $(document).on('input change', '#bgOpacitySlider', function () {
+ $('#bgOpacityOutput').val(parseInt($('#bgOpacitySlider').val()));
+ $('#bgimg').css('opacity', $('#bgOpacityOutput').val() / 100.0);
+ });
+}
+
+/**
+ * Set listener on staff highlighting checkbox.
+ */
+export function setHighlightControls () {
+ $('#highlight-button').on('click', (evt) => {
+ evt.stopPropagation();
+ $('#highlight-dropdown').toggleClass('is-active');
+ if ($('#highlight-dropdown').hasClass('is-active')) {
+ $('body').one('click', highlightClickaway);
+ $('#highlight-staff').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-staff').addClass('highlight-selected');
+ $('#highlight-type').html(' - Staff');
+ Color.setGroupingHighlight('staff');
+ });
+ $('#highlight-syllable').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-syllable').addClass('highlight-selected');
+ $('#highlight-type').html(' - Syllable');
+ Color.setGroupingHighlight('syllable');
+ });
+ $('#highlight-neume').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-neume').addClass('highlight-selected');
+ $('#highlight-type').html(' - Neume');
+ Color.setGroupingHighlight('neume');
+ });
+ $('#highlight-none').on('click', () => {
+ $('#highlight-dropdown').removeClass('is-active');
+ $('.highlight-selected').removeClass('highlight-selected');
+ $('#highlight-type').html(' - Off');
+ Color.unsetGroupingHighlight();
+ });
+ } else {
+ $('body').off('click', highlightClickaway);
+ }
+ });
+}
+
+/**
+ * Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+ */
+export function updateHighlight () {
+ let highlightId = $('.highlight-selected').attr('id');
+ switch (highlightId) {
+ case 'highlight-staff':
+ Color.setGroupingHighlight('staff');
+ break;
+ case 'highlight-syllable':
+ Color.setGroupingHighlight('syllable');
+ break;
+ case 'highlight-neume':
+ Color.setGroupingHighlight('neume');
+ break;
+ default:
+ Color.unsetGroupingHighlight();
+ }
+}
+
+/**
+ * Set listener on burger menu for smaller screens.
+ */
+function setBurgerControls () {
+ $('#burgerMenu').on('click', () => {
+ $(this).toggleClass('is-active');
+ $('#navMenu').toggleClass('is-active');
+ });
+}
+
+/**
+ * Clickaway listener for the highlight dropdown.
+ */
+function highlightClickaway () {
+ $('body').off('click', highlightClickaway);
+ $('#highlight-dropdown').removeClass('is-active');
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/SingleView_DisplayPanel.js.html b/doc/SingleView_DisplayPanel.js.html
new file mode 100644
index 000000000..f7d3170c8
--- /dev/null
+++ b/doc/SingleView_DisplayPanel.js.html
@@ -0,0 +1,125 @@
+
+
+
+
+ JSDoc: Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/DisplayPanel.js
+
+
+
+
+
+
+
+
+ /** @module SingleView/DisplayPanel */
+
+import { setZoomHandler, initDisplayControls } from './DisplayControls.js';
+import Icons from '../img/icons.svg';
+import ZoomHandler from './Zoom.js';
+
+/**
+ * A class that sets up and manages the display panel in Neon.
+ */
+class DisplayPanel {
+ /**
+ * Constructor for a DisplayPanel.
+ * @param {object} view - The parent View module.
+ * @param {SVGSVGElement} mei - The DOM element for the MEI rendering.
+ * @param {SVGImageElement} background - The DOM element for the background.
+ * @param {boolean} - Whether or not the display panel should manage zooming.
+ */
+ constructor (view, mei, background, handleZoom) {
+ this.mei = mei;
+ this.background = background;
+ this.handleZoom = handleZoom;
+ this.view = view;
+
+ let displayPanel = document.getElementById('display_controls');
+ displayPanel.innerHTML = displayControlsPanel(handleZoom);
+ if (handleZoom) {
+ this.zoomHandler = new ZoomHandler();
+ setZoomHandler(this.zoomHandler);
+ }
+ this.view.addUpdateCallback(this.setDisplayListeners);
+ }
+
+ setDisplayListeners () {
+ initDisplayControls();
+ }
+}
+
+/**
+ * Return the HTML for the display panel.
+ * @param {boolean} handleZoom - Whether or not to include zoom controls.
+ * @returns {string}
+ */
+function displayControlsPanel (handleZoom) {
+ let contents =
+ "<p class='panel-heading' id='displayHeader'>Display" +
+ "<svg class='icon is-pulled-right'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use></svg></p>" +
+ "<div id='displayContents'>";
+ if (handleZoom) {
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-zoom'>Zoom</button>" +
+ "<input class='slider is-fullwidth' id='zoomSlider' step='5' min='25' max='400' value='100' type='range'/>" +
+ "<output id='zoomOutput' for='zoomSlider'>100</output></a>";
+ }
+ contents +=
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-opacity'>Glyph Opacity</button>" +
+ "<input class='slider is-fullwidth' id='opacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='opacityOutput' for='opacitySlider'>100</output></a>" +
+ "<a class='panel-block has-text-centered'><button class='button' id='reset-bg-opacity'>Image Opacity</button>" +
+ "<input class='slider is-fullwidth' id='bgOpacitySlider' step='5' min='0' max='100' value='100' type='range'/>" +
+ "<output id='bgOpacityOutput' for='bgOpacitySlider'>100</output></a>" +
+ "<div class='panel-block' id='extensible-block'>" +
+ "<div class='dropdown' id='highlight-dropdown'><div class='dropdown-trigger'>" +
+ "<button class='button' id='highlight-button' aria-haspopup='true' aria-controls='highlight-menu'>" +
+ "<span>Highlight</span><span id='highlight-type'> - Off</span>" +
+ "<svg class='icon'><use id='toggleDisplay' xlink:href='" + Icons + "#dropdown-down'></use>" +
+ "</svg></button></div><div class='dropdown-menu' id='highlight-menu' role='menu'>" +
+ "<div class='dropdown-content'><a class='dropdown-item' id='highlight-staff'>Staff</a>" +
+ "<a class='dropdown-item' id='highlight-syllable'>Syllable</a>" +
+ "<a class='dropdown-item' id='highlight-neume'>Neume</a><hr class='dropdown-divider'/>" +
+ "<a class='dropdown-item' id='highlight-none'>None</a></div></div></div></div></div>";
+ return contents;
+}
+
+export { DisplayPanel as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/DragHandler.js.html b/doc/SingleView_DragHandler.js.html
similarity index 58%
rename from doc/DragHandler.js.html
rename to doc/SingleView_DragHandler.js.html
index 357de4b29..838d2fb09 100644
--- a/doc/DragHandler.js.html
+++ b/doc/SingleView_DragHandler.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: DragHandler.js
+ JSDoc: Source: SingleView/DragHandler.js
@@ -17,7 +17,7 @@
- Source: DragHandler.js
+ Source: SingleView/DragHandler.js
@@ -96,13 +96,16 @@ Source: DragHandler.js
var yDiff = Math.abs(dragStartCoords[1] - dragEndCoords[1]);
if (xDiff > 5 || yDiff > 5) {
- neonView.edit(editorAction);
- neonView.refreshPage();
- endOptionsSelection();
+ neonView.edit(editorAction, 0).then(() => {
+ neonView.updateForCurrentPage();
+ endOptionsSelection();
+ reset();
+ dragInit();
+ });
+ } else {
+ reset();
+ dragInit();
}
-
- reset();
- dragInit();
}
}
@@ -111,7 +114,9 @@ Source: DragHandler.js
}
function reset () {
- d3.select('#svg_group').call(resetToAction);
+ if (resetToAction !== undefined) {
+ d3.select('#svg_group').call(resetToAction);
+ }
}
function endOptionsSelection () {
@@ -134,13 +139,13 @@ Source: DragHandler.js
diff --git a/doc/SingleView_SingleView.js.html b/doc/SingleView_SingleView.js.html
new file mode 100644
index 000000000..991f47582
--- /dev/null
+++ b/doc/SingleView_SingleView.js.html
@@ -0,0 +1,213 @@
+
+
+
+
+ JSDoc: Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: SingleView/SingleView.js
+
+
+
+
+
+
+
+
+ import { updateHighlight, setOpacityFromSlider } from './DisplayControls.js';
+import * as Cursor from '../utils/Cursor.js';
+
+const d3 = require('d3');
+const $ = require('jquery');
+
+/**
+ * A view module for displaying a single page of a manuscript.
+ */
+class SingleView {
+ /**
+ * Constructor for SingleView.
+ * @param {NeonView} neonView - The NeonView parent.
+ * @param {function} DisplayPanel - The constructor for a DisplayPanel.
+ * @param {string} image - The link to the background image for the page.
+ */
+ constructor (neonView, DisplayPanel, image) {
+ this.neonView = neonView;
+ this.container = document.getElementById('container');
+ this.updateCallbacks = new Array(0);
+ // Group will contain the image and the rendered SVG
+ this.group = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ this.group.id = 'svg_group';
+ this.group.setAttribute('height', window.innerHeight);
+ this.group.setAttribute('width', '100%');
+
+ this.bg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+ this.bg.id = 'bgimg';
+ this.bg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', image);
+ this.bg.setAttribute('x', 0);
+ this.bg.setAttribute('y', 0);
+
+ this.mei = document.createElementNS('http://www.w3.org/svg', 'svg');
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+
+ this.group.appendChild(this.bg);
+ this.group.appendChild(this.mei);
+ this.container.appendChild(this.group);
+
+ this.displayPanel = new DisplayPanel(this, this.mei.id, this.bg.id, true);
+
+ this.setViewEventHandlers();
+
+ document.getElementById('loading').style.display = 'none';
+ }
+
+ /**
+ * Update the SVG being displayed.
+ * @param {SVGSVGElement} svg - The SVG to update to.
+ */
+ updateSVG (svg/*, pageNo */) {
+ this.group.replaceChild(svg, this.mei);
+ this.mei = svg;
+ this.mei.id = 'mei_output';
+ this.mei.classList.add('active-page');
+ let height = parseInt(this.mei.getAttribute('height'));
+ let width = parseInt(this.mei.getAttribute('width'));
+
+ this.bg.setAttribute('height', height);
+ this.bg.setAttribute('width', width);
+ this.group.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
+ updateHighlight();
+ this.resetTransformations();
+ this.updateCallbacks.forEach(callback => callback());
+ }
+
+ /**
+ * Add a callback to the list of those be called when the page updates.
+ * @param {function} cb - The callback function to add to the list.
+ */
+ addUpdateCallback (cb) {
+ this.updateCallbacks.push(cb);
+ }
+
+ /**
+ * Remove a callback from the list of callbacks if it is part of the list.
+ * @param {function} cb - The callback to be removed.
+ */
+ removeUpdateCallback (cb) {
+ let index = this.updateCallbacks.findIndex((elem) => {
+ return elem === cb;
+ });
+ if (index !== -1) {
+ this.updateCallbacks.splice(index, 1);
+ }
+ }
+
+ /**
+ * Reset the transformations that have been applied to the SVG upon update.
+ */
+ resetTransformations () {
+ this.displayPanel.zoomHandler.restoreTransformation();
+ setOpacityFromSlider();
+ }
+
+ /**
+ * Returns the zero-indexed number of the current page. This will always be zero.
+ * @returns {number}
+ */
+ getCurrentPage () {
+ return 0;
+ }
+
+ /**
+ * Set event handlers for the view and display panel.
+ */
+ setViewEventHandlers () {
+ $('body').on('keydown keyup', (evt) => {
+ if (evt.type === 'keydown') {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ d3.select('#svg_group').call(
+ d3.drag().on('start', this.displayPanel.zoomHandler.startDrag)
+ .on('drag', this.displayPanel.zoomHandler.dragging)
+ );
+ Cursor.updateCursorTo('grab');
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'hidden');
+ break;
+ default: break;
+ }
+ } else {
+ switch (evt.key) {
+ case 'Shift':
+ d3.select('#svg_group').on('.drag', null);
+ Cursor.updateCursorTo('');
+ if (this.neonView.getUserMode() === 'insert') {
+ Cursor.updateCursor();
+ }
+ break;
+ case 'h':
+ $('#mei_output').css('visibility', 'visible');
+ break;
+ default: break;
+ }
+ }
+ });
+
+ d3.select('#container').on('touchstart', () => {
+ if (d3.event.touches.length === 2) {
+ this.displayPanel.zoomHandler.startDrag();
+ d3.select('#container').on('touchmove', this.displayPanel.zoomHandler.dragging);
+ d3.select('#container').on('touchend', () => {
+ d3.select('#container').on('touchmove', null);
+ });
+ }
+ });
+ d3.select('#container').on('wheel', this.displayPanel.zoomHandler.scrollZoom, false);
+ // Update height of container based on window
+ $(window).on('resize', () => {
+ let newHeight = window.innerHeight;
+ if (newHeight > Number($('#container').attr('height'))) {
+ $('#container').attr('height', newHeight);
+ }
+ });
+ }
+}
+
+export { SingleView as default };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Zoom.js.html b/doc/SingleView_Zoom.js.html
similarity index 78%
rename from doc/Zoom.js.html
rename to doc/SingleView_Zoom.js.html
index 70aa9d309..5942cb7d6 100644
--- a/doc/Zoom.js.html
+++ b/doc/SingleView_Zoom.js.html
@@ -2,7 +2,7 @@
- JSDoc: Source: Zoom.js
+ JSDoc: Source: SingleView/Zoom.js
@@ -17,7 +17,7 @@
- Source: Zoom.js
+ Source: SingleView/Zoom.js
@@ -26,7 +26,7 @@ Source: Zoom.js
- /** @module Zoom */
+ /** @module SingleView/Zoom */
/**
* Creates a Zoom Handler object.
@@ -264,13 +264,13 @@ Source: Zoom.js
diff --git a/doc/SplitHandler.html b/doc/SplitHandler.html
index 578b9e196..eb67b0c3c 100644
--- a/doc/SplitHandler.html
+++ b/doc/SplitHandler.html
@@ -142,7 +142,7 @@ Parameters:
Parameters:
+
+
@@ -202,13 +204,13 @@ Parameters:
diff --git a/doc/Text.js.html b/doc/Text.js.html
deleted file mode 100644
index 75f7bbf22..000000000
--- a/doc/Text.js.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- JSDoc: Source: Text.js
-
-
-
-
-
-
-
-
-
-
-
-
- Source: Text.js
-
-
-
-
-
-
-
-
- /** @module Text */
-import * as Controls from './Controls.js';
-import * as Notification from './Notification.js';
-const $ = require('jquery');
-
-/** @var {NeonView} */
-var view;
-
-var firstDiamond = false;
-var messageSent = false;
-
-/** @var {boolean} */
-export var editText = false;
-
-/**
- * Enable editing text and set listeners.
- * @param {NeonView} neonView
- */
-export function enableEditText (neonView) {
- editText = true;
- view = neonView;
- Controls.setTextEdit();
- Controls.updateSylVisibility();
-}
-
-/**
- * Get the syllable text of the loaded file.
- * @returns {string}
- */
-export function getSylText () {
- var lyrics = '';
- let uniToDash = /\ue551/g;
- let syllables = Array.from($('.syllable'));
- syllables.forEach(syllable => {
- if ($(syllable).has('.syl').length) {
- let syl = $(syllable).children('.syl')[0];
- lyrics += "<span class='" + syllable.id + "'>";
- if (syl.textContent.trim() === '') {
- lyrics += '◊ ';
- } else {
- Array.from(syl.children[0].children[0].children).forEach(text => {
- lyrics += text.textContent !== '' ? text.textContent : '◊ ';
- });
- }
- lyrics += ' </span>';
- } else if (editText) {
- lyrics += "<span class='" + syllable.id + "'>◊ </span>";
- firstDiamond = true;
- }
- });
- if (firstDiamond && !messageSent) {
- Notification.queueNotification('Blank syllables are represented by ◊!');
- messageSent = true;
- }
- return lyrics.replace(uniToDash, '-');
-}
-
-/**
- * Update the text for a syl tag by user input.
- * @param {HTMLElement} span
- */
-export function updateSylText (span) {
- let orig = formatRaw($(span).html());
- let corrected = window.prompt('', orig);
- if (corrected !== null && corrected !== orig) {
- let editorAction = {
- 'action': 'setText',
- 'param': {
- 'elementId': $('#' + $(span).attr('class').replace('syl-select', '').trim()).attr('id'),
- 'text': corrected
- }
- };
- if (view.edit(editorAction)) { view.refreshPage(); }
- }
-}
-
-/**
- * Format a string for prompting the user.
- * @param {string} rawString
- * @returns {string}
- */
-function formatRaw (rawString) {
- let removeSymbol = /\u{25CA}/u;
- return rawString.replace(removeSymbol, '').trim();
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/Validation.js.html b/doc/Validation.js.html
new file mode 100644
index 000000000..4a426b18e
--- /dev/null
+++ b/doc/Validation.js.html
@@ -0,0 +1,116 @@
+
+
+
+
+ JSDoc: Source: Validation.js
+
+
+
+
+
+
+
+
+
+
+
+
+ Source: Validation.js
+
+
+
+
+
+
+
+
+ /** @module Validation */
+
+ const schemaPromise = import('./validation/mei-all.rng');
+
+import Worker from './Worker.js';
+var worker, schema, statusField;
+
+/**
+ * Add the validation information to the display and create the WebWorker
+ * for validation MEI.
+ */
+export async function init () {
+ let displayContents = document.getElementById('displayContents');
+ displayContents.innerHTML +=
+ '<div class="panel-block"><p>MEI Status: ' +
+ '<span id="validation_status">unknown</span></p></div>';
+ statusField = document.getElementById('validation_status');
+ worker = new Worker();
+ worker.onmessage = updateUI;
+}
+
+/**
+ * Send the contents of an MEI file to the WebWorker for validation.
+ * @param {string} meiData
+ */
+export async function sendForValidation (meiData) {
+ if (schema === undefined) {
+ schema = await schemaPromise;
+ }
+ statusField.textContent = 'checking...';
+ statusField.style = 'color:gray';
+ worker.postMessage({
+ mei: meiData,
+ schema: schema.default
+ });
+}
+
+/**
+ * Update the UI with the validation results. Called when the WebWorker finishes validating.
+ * @param {object} message - The message sent by the WebWorker.
+ * @param {object} message.data - The errors object produced by XML.js
+ */
+function updateUI (message) {
+ let errors = message.data;
+ if (errors === null) {
+ statusField.textContent = 'VALID';
+ statusField.style = 'color:green';
+ for (let child of statusField.children) {
+ statusField.deleteChild(child);
+ }
+ } else {
+ let log = '';
+ errors.forEach(line => {
+ log += line + '\n';
+ });
+ statusField.textContent = '';
+ statusField.style = 'color:red';
+ let link = document.createElement('a');
+ link.setAttribute('href', 'data:text/plain;charset=utf-8,' +
+ encodeURIComponent(log));
+ link.setAttribute('download', 'validation.log');
+ link.textContent = 'INVALID';
+ statusField.appendChild(link);
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/Warnings.js.html b/doc/Warnings.js.html
index e5ccc0ce1..7abb8f126 100644
--- a/doc/Warnings.js.html
+++ b/doc/Warnings.js.html
@@ -48,13 +48,13 @@ Source: Warnings.js
diff --git a/doc/global.html b/doc/global.html
new file mode 100644
index 000000000..46043c69a
--- /dev/null
+++ b/doc/global.html
@@ -0,0 +1,299 @@
+
+
+
+
+ JSDoc: Global
+
+
+
+
+
+
+
+
+
+
+
+
+ Global
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Type Definitions
+
+
+
+CacheEntry
+
+
+
+
+
+ A cache entry.
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+ Properties:
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+
+
+ dirty
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ If the entry has been modified since being fetched from the database.
+
+
+
+
+
+
+ mei
+
+
+string
+
+
+
+
+
+
+
+
+
+ The MEI data for the page.
+
+
+
+
+
+
+ svg
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The rendered SVG for the page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/index.html b/doc/index.html
index 704119222..7714215b4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -43,35 +43,52 @@
- Neon3
+ Neon3
+
Neume Editor ONline.
Neon3 is a browser-based music notation editor written in JavaScript using the Verovio music engraving library. The editor can be used to manipulate digitally encoded early musical scores in square-note notation.
Neon2 is a re-write of Neon.JS using a modified version of Verovio to render MEI-Neume files according to the MEI 4.0 specifications.
-Requirements
-
Then you can run the tests locally using yarn test. We use jest to script our tests.
These tests require the server to be running on localhost:8080
Verovio
Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
Verovio
+Verovio is present as an npm package under src/verovio-dev with the name verovio-dev. Its contents come from the emscripten/npm-dev folder in a Verovio project folder.
Verovio
Verovio is present as an npm package under ' + Text.getSylText() + 'src/verovio-
diff --git a/doc/module-Controls.html b/doc/module-Controls.html
deleted file mode 100644
index 3642a6174..000000000
--- a/doc/module-Controls.html
+++ /dev/null
@@ -1,2491 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-Module: Controls
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner) zoomHandler :module:Zoom~ZoomHandler
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tabs.'
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler to run the tasks.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initDisplayControls(zHandler)
-
-
-
-
-
-
-
- Initialize listeners and controls for display panel.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-zHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- An instantiated ZoomHandler.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initEditMode(editMode)
-
-
-
-
-
-
-
- Set listener on EditMode button.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-editMode
-
-
-EditMode
-
-
-
-
-
-
-
-
-
- The EditMode object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initInsertEditControls(neonView)
-
-
-
-
-
-
-
- Initialize Edit and Insert control panels.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initNavbar(filename, neonView)
-
-
-
-
-
-
-
- Set listener on switching EditMode button to File dropdown in the navbar.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
- filename
-
-
-string
-
-
-
-
-
-
-
-
-
- The name of the MEI file.
-
-
-
-
-
-
-neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) initSelectionButtons()
-
-
-
-
-
-
-
- Set listeners on the buttons to change selection modes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setHighlightControls()
-
-
-
-
-
-
-
- Set listener on staff highlighting checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setInfoControls()
-
-
-
-
-
-
-
- Set listener on info visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setOpacityFromSlider()
-
-
-
-
-
-
-
- Update MEI opacity to value from the slider.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setSylControls()
-
-
-
-
-
-
-
- Set listener on syllable visibility checkbox.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) setTextEdit()
-
-
-
-
-
-
-
- Set text to edit mode.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateHighlight()
-
-
-
-
-
-
-
- Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateInfoVisibility()
-
-
-
-
-
-
-
- Update the visibility of infoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylVisibility()
-
-
-
-
-
-
-
- Update the visibility of the text box and set handlers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) activate(id, insertHandler)
-
-
-
-
-
-
-
- Activate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
- id
-
-
-string
-
-
-
-
-
-
-
-
-
- The ID of the insert action tab.
-
-
-
-
-
-
-insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) bindElements(insertHandler)
-
-
-
-
-
-
-
- Bind listeners to insert tab elements.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-insertHandler
-
-
-InsertHandler
-
-
-
-
-
-
-
-
-
- An InsertHandler object.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) deactivate(type)
-
-
-
-
-
-
-
- Deactivate a certain insert action.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-type
-
-
-string
-
-
-
-
-
-
-
-
-
- A JQuery selector for the action tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) highlightClickaway()
-
-
-
-
-
-
-
- Clickaway listener for the highlight dropdown.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBackgroundOpacityControls()
-
-
-
-
-
-
-
- Set background image opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setBurgerControls()
-
-
-
-
-
-
-
- Set listener on burger menu for smaller screens.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setOpacityControls()
-
-
-
-
-
-
-
- Set rendered MEI opacity button and slider listeners.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) setZoomControls()
-
-
-
-
-
-
-
- Set zoom control listener for button and slider
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/InfoBox.html b/doc/module-InfoModule-InfoModule.html
similarity index 58%
rename from doc/InfoBox.html
rename to doc/module-InfoModule-InfoModule.html
index af4af7494..77c66c16f 100644
--- a/doc/InfoBox.html
+++ b/doc/module-InfoModule-InfoModule.html
@@ -2,7 +2,7 @@
-
-
@@ -85,13 +90,13 @@ Class: InfoBox
+ Class: InfoModule
@@ -28,7 +28,10 @@ Class: InfoBox
InfoBox(neonCore)
+
+ InfoModule~InfoModule(neonView)
+
+ Class that manages getting information for elements in Neon from Verovio.
InfoBox
+
- new InfoBox(neonCore)
+ new InfoModule(neonView)
@@ -49,7 +54,7 @@ new InfoBox
Parameters:
-
@@ -142,7 +147,7 @@ neonCoreneonView
-NeonCore
+NeonView
@@ -101,7 +106,7 @@ Parameters:
-
+ The NeonView parent.
Parameters:
Parameters:
+
+
@@ -190,13 +197,13 @@ Members
-(inner) neumeGroups
+(static) neumeGroups
- A map containing neume groupings and their contours.
+ Map of contours to neume names.
@@ -234,7 +241,7 @@ (inner) n
Methods
- (inner) getContour(ncs)
+ (async, static) getContour(ncs)
@@ -312,7 +319,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -363,7 +370,7 @@ Parameters:
Parameters:
+
+
- (inner) getContourByValue(value) → {string}
+ (static) getContourByValue(value) → {string}
@@ -498,7 +507,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -550,7 +561,7 @@ Returns:
- (inner) getPitches(ncs)
+ (async, static) getPitches(ncs)
@@ -600,7 +611,7 @@ Parameters:
-array.<SVGSVGElement>
+array.<SVGGraphicsElement>
@@ -651,7 +662,7 @@ Parameters:
Parameters:
+
+
- (inner) infoListeners()
+ (static) infoListeners()
@@ -693,7 +706,7 @@ (inner)
- Set the info box listener on neumes, clefs, and custos.
+ Set listeners for the InfoModule.
@@ -737,7 +750,7 @@
(inner) Source:
(inner) (inner) pitchNameToNum(pname) → {number}
+ (static) pitchNameToNum(pname) → {number}
@@ -872,7 +887,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -924,7 +941,7 @@ Returns:
- (inner) stopListeners()
+ (static) resetInfoListeners()
@@ -932,7 +949,7 @@ (inner)
- Disable the mouseover listener for the info box.
+ Restart listeners for the InfoModule.
@@ -976,7 +993,7 @@
(inner) Source:
(inner) (inner) updateInfo(id)
+ (static) stopListeners()
@@ -1018,7 +1037,7 @@ (inner) up
- Gets element info from Verovio and updates/creates the info box.
+ Stop listeners for the InfoModule.
@@ -1029,53 +1048,93 @@ (inner) up
-
Parameters:
+
+
+
+
+
+
-
-
-
+
-
-
-
+
-
- Name
-
+
- Type
+
-
+
-
+
- Description
-
-
-
+
-
-id
-
-
-string
+
+
-
-
+
-
+
+
+ The element ID
- (async, static) updateInfo()
+
+
+
+
+
+
+
+ Get updated info for the calling element based on its element type.
+Makes calls to NeonCore to get the information necessary.
+
+
+
+
+
+
+
+
@@ -1111,7 +1170,7 @@ Parameters:
Parameters:
+
+
- (inner) updateInfoBox(title, body)
+ (static) updateInfoModule(title, body)
@@ -1269,7 +1330,7 @@ Parameters:
Parameters:
+
+
@@ -1313,13 +1376,13 @@ Parameters:
diff --git a/doc/module-InfoModule.html b/doc/module-InfoModule.html
new file mode 100644
index 000000000..b38f044ec
--- /dev/null
+++ b/doc/module-InfoModule.html
@@ -0,0 +1,272 @@
+
+
+
+
+
+
+
+
+
+
+Module: InfoModule
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) setInfoControls()
+
+
+
+
+
+
+
+ Set listener on info visibility checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateInfoVisibility()
+
+
+
+
+
+
+
+ Update the visibility of infoBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Notification-Notification.html b/doc/module-Notification-Notification.html
index a99518c21..c6e1a717d 100644
--- a/doc/module-Notification-Notification.html
+++ b/doc/module-Notification-Notification.html
@@ -147,7 +147,7 @@ Parameters:
Parameters:
+
+
@@ -253,7 +255,7 @@ getIdSource:
getIdReturns:
@@ -315,13 +319,13 @@
Returns:
diff --git a/doc/module-Notification.html b/doc/module-Notification.html
index 90ab2cea9..e08e2783f 100644
--- a/doc/module-Notification.html
+++ b/doc/module-Notification.html
@@ -115,7 +115,7 @@ Type:
Type:
Type:
Parameters:
Parameters:
+
+
@@ -519,7 +521,7 @@ Parameters:
Parameters:
+
+
@@ -654,7 +658,7 @@ Parameters:
Parameters:
+
+
@@ -740,7 +746,7 @@ (inner) Source:
(inner) (inner)
diff --git a/doc/module-ResizeStaff.html b/doc/module-ResizeStaff.html
deleted file mode 100644
index bd95fdeaf..000000000
--- a/doc/module-ResizeStaff.html
+++ /dev/null
@@ -1,236 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-Module: ResizeStaff
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Support for resizing the staff by creating a resizable box around it.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(inner, constant) Side
-
-
-
-
-
- The sides of the rectangle
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.ClickSelect.html b/doc/module-Select.ClickSelect.html
deleted file mode 100644
index ef93177df..000000000
--- a/doc/module-Select.ClickSelect.html
+++ /dev/null
@@ -1,310 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-Class: ClickSelect
-
-
-
-
-
-
-
- Select.ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-new ClickSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle click selection and mark elements as selected.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- An instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~Zoomhandler
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- The NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Select.DragSelect.html b/doc/module-Select.DragSelect.html
deleted file mode 100644
index 736a3d165..000000000
--- a/doc/module-Select.DragSelect.html
+++ /dev/null
@@ -1,1087 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-Class: DragSelect
-
-
-
-
-
-
-
- Select.DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- new DragSelect(dragHandler, zoomHandler, neonView, neonCore, infoBox)
-
-
-
-
-
-
-
- Handle dragging to select musical elements and staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
- dragHandler
-
-
-DragHandler
-
-
-
-
-
-
-
-
-
- Instantiated DragHandler object.
-
-
-
-
-
-
- zoomHandler
-
-
-module:Zoom~ZoomHandler
-
-
-
-
-
-
-
-
-
- Instantiated ZoomHandler object.
-
-
-
-
-
-
- neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
- NeonView parent.
-
-
-
-
-
-
- neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-infoBox
-
-
-InfoBox
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (inner) initRect(ulx, uly)
-
-
-
-
-
-
-
- Create an initial dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
- ulx
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left x-position of the new rectangle.
-
-
-
-
-
-
-uly
-
-
-number
-
-
-
-
-
-
-
-
-
- The upper left y-position of the new rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) pointNotInStaff(point) → {boolean}
-
-
-
-
-
-
-
- Check if a point is within the bounding boxes of any staves.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-point
-
-
-Array.<number>
-
-
-
-
-
-
-
-
-
- An array where index 0 corresponds to x and 1 corresponds to y
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selecting()
-
-
-
-
-
-
-
- Action to run while the drag select continues. Updates the rectangle.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selEnd()
-
-
-
-
-
-
-
- Finish the selection and mark elements within the rectangle as being selected.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) selStart()
-
-
-
-
-
-
-
- Start drag selecting musical elements.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) updateRect(newX, newY, currentWidth, currentHeight)
-
-
-
-
-
-
-
- Update the dragging rectangle.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
- newX
-
-
-number
-
-
-
-
-
-
-
-
-
- The new ulx.
-
-
-
-
-
-
- newY
-
-
-number
-
-
-
-
-
-
-
-
-
- The new uly.
-
-
-
-
-
-
- currentWidth
-
-
-number
-
-
-
-
-
-
-
-
-
- The width of the rectangle in pixels.
-
-
-
-
-
-
-currentHeight
-
-
-number
-
-
-
-
-
-
-
-
-
- The height of the rectangle in pixels.
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Contents.html b/doc/module-SingleEdit_Contents.html
similarity index 70%
rename from doc/module-Contents.html
rename to doc/module-SingleEdit_Contents.html
index 4b6b70450..d950dfd86 100644
--- a/doc/module-Contents.html
+++ b/doc/module-SingleEdit_Contents.html
@@ -2,7 +2,7 @@
-
-
Module: Contents
+ Module: SingleEdit/Contents
@@ -112,7 +112,7 @@ Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
diff --git a/doc/module-Compatibility.html b/doc/module-SingleEdit_EditControls.html
similarity index 51%
rename from doc/module-Compatibility.html
rename to doc/module-SingleEdit_EditControls.html
index 1a8090607..693a86b10 100644
--- a/doc/module-Compatibility.html
+++ b/doc/module-SingleEdit_EditControls.html
@@ -2,7 +2,7 @@
-
-
Module: Compatibility
+ Module: SingleEdit/EditControls
@@ -29,8 +29,6 @@ Module: Compatibility
Module: Compatibility
-
@@ -80,30 +56,24 @@ Handle compatibility between standalone and Rodan versions of Neon.
-Ideally the rest of the program doesn't need to know which version it's in.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
Module: Compatibility
+ Methods
-
+
+
- (static) bindInsertTabs(insertHandler)
-
-
-
-
-
-
-
-
+
+ Bind listeners to insert tabs.'
+
@@ -113,40 +83,53 @@ Module: Compatibility
+ Parameters:
+
+
+
+
@@ -182,7 +165,7 @@
+
+
+
+
-
+ Name
+
+ Type
-
-
-
-
-
+
-
+ Description
+
+
+
+
+
+insertHandler
+
+
+InsertHandler
-
-
+
+
-Members
-
-(static, constant) modes
-
+
- The modes to run Neon in.
-Either standalone (0), rodan (1), demo/pages (2), or local (3)
-
+ An InsertHandler to run the tasks.
+ (static, constant) Source:
(static, constant) Methods
+
+
+
+
+
+
+
+
+
+
+
+
@@ -210,7 +201,7 @@
Methods
- (static) autosave(filename, mei)
+ (static) initEditModeControls(editMode)
@@ -218,7 +209,7 @@ (static) aut
- Compatible autosave function.
+ Set listener on EditMode button.
@@ -254,13 +245,13 @@ Parameters:
-
-
-
-
- filenameeditMode
-string
+SingleEditMode
@@ -270,30 +261,7 @@ Parameters:
-
-
-
-
@@ -334,7 +302,7 @@ mei
-
-
-string
-
-
-
-
-
-
-
-
-
-
+ The EditMode object.
Parameters:
Parameters:
+
+
- (static) finalize(mei)
+ (static) initInsertEditControls(neonView)
@@ -376,8 +346,7 @@ (static) fin
- Finalize the editing in the Neon2 job in Rodan.
-This should not be run outside of Rodan.
+ Initialize Edit and Insert control panels.
@@ -413,13 +382,13 @@ Parameters:
-
@@ -470,7 +439,7 @@ meineonView
-string
+NeonView
@@ -429,7 +398,7 @@ Parameters:
-
+ The NeonView parent.
Parameters:
Parameters:
+
+
- (static) getMode() → {number}
+ (static) initNavbar(filename, neonView)
@@ -512,7 +483,7 @@ (static) getM
- Return the mode Neon is in.
+ Set listener on switching EditMode button to File dropdown in the navbar.
@@ -523,6 +494,78 @@ (static) getM
+
Parameters:
+
+
+
+
+
+
+
@@ -556,7 +599,7 @@
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+ filename
+
+
+string
+
+
+
+
+
+
+
+
+
+ The name of the MEI file.
+
+
+
+
+
+
+neonView
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+ (static) getM
(static) getM
-
Returns:
-
-
-
-
-
-
-
@@ -608,7 +635,7 @@ Returns:
- (static) revertFile(filename)
+ (static) initSelectionButtons()
@@ -616,7 +643,7 @@ (static) r
- Compatible revert function.
+ Set listeners on the buttons to change selection modes.
@@ -627,55 +654,6 @@ (static) r
-
Parameters:
-
-
-
-
-
-
-
@@ -709,7 +687,7 @@
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-filename
-
-
-string
-
-
-
-
-
-
-
-
-
-
- Parameters:
Parameters:
+
+
- (static) saveFile(filename, mei)
+ (inner) activate(id, insertHandler)
@@ -751,7 +731,7 @@ (static) sav
- Compatible save file function.
+ Activate a certain insert action.
@@ -787,7 +767,7 @@ Parameters:
-
filenameid
@@ -803,20 +783,20 @@ Parameters:
- The path for the MEI file.
+ The ID of the insert action tab.
-
@@ -867,7 +847,7 @@ meiinsertHandler
-string
+InsertHandler
@@ -826,7 +806,7 @@ Parameters:
- The MEI data.
+ An InsertHandler object.
Parameters:
Parameters:
+
+
- (static) setDB(pouchDB)
+ (inner) bindElements(insertHandler)
@@ -909,7 +891,7 @@ (static) setDB<
- Let Compatibility use an initialized PouchDB
+ Bind listeners to insert tab elements.
@@ -945,13 +927,13 @@ Parameters:
-
@@ -1002,7 +984,7 @@ pouchDBinsertHandler
-object
+InsertHandler
@@ -961,7 +943,7 @@ Parameters:
-
+ An InsertHandler object.
Parameters:
Parameters:
+
+
- (static) setMode(currentMode)
+ (inner) deactivate(type)
@@ -1044,7 +1028,7 @@ (static) setM
- Set the mode to run Neon in.
+ Deactivate a certain insert action.
@@ -1080,13 +1064,13 @@ Parameters:
-
@@ -1137,20 +1121,13 @@ currentModetype
-number
+string
@@ -1096,7 +1080,7 @@ Parameters:
-
+ A JQuery selector for the action tab.
Parameters:
Parameters:
+
+
@@ -1188,13 +1167,13 @@ Parameters:
diff --git a/doc/module-Grouping.html b/doc/module-SingleEdit_Grouping.html
similarity index 67%
rename from doc/module-Grouping.html
rename to doc/module-SingleEdit_Grouping.html
index 14e11336f..c19d08445 100644
--- a/doc/module-Grouping.html
+++ b/doc/module-SingleEdit_Grouping.html
@@ -2,7 +2,7 @@
-
-
Module: Grouping
+ Module: SingleEdit/Grouping
@@ -112,7 +112,7 @@ Type:
(static
(static
+
+
@@ -278,7 +280,7 @@
(stati
(stati
+
+
-
(static) initNeonView()
+ (static) initNeonView(view)
@@ -331,6 +335,55 @@ (static) Parameters:
+
+
+
+
+
+
+
@@ -364,7 +417,7 @@
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+view
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+
+ (static) Source:
(static) Parameters:
Parameters:
+
+
@@ -585,7 +642,7 @@ (inner) Source:
(inner) (inner) getIds
(inner) getIds
+
+
@@ -852,7 +913,7 @@
Parameters:
Parameters:
+
+
@@ -896,13 +959,13 @@ Parameters:
diff --git a/doc/module-ResizeStaff-Resize.html b/doc/module-SingleEdit_ResizeStaff-Resize.html
similarity index 68%
rename from doc/module-ResizeStaff-Resize.html
rename to doc/module-SingleEdit_ResizeStaff-Resize.html
index 3b020d8e5..fa7191967 100644
--- a/doc/module-ResizeStaff-Resize.html
+++ b/doc/module-SingleEdit_ResizeStaff-Resize.html
@@ -29,7 +29,7 @@ Class: Resize
- ResizeStaff~Resize(staffId, neonView, dragHandler)
+ SingleEdit/ResizeStaff~Resize(staffId, neonView, dragHandler)
Parameters:
Parameters:
+
+
@@ -291,7 +293,7 @@ Type:
Type:
Type:
Type:
(inner) Source:
(inner) (inner) redraw
(inner) redraw
+
+
@@ -718,13 +724,13 @@
(inner) redraw
diff --git a/doc/module-SingleEdit_ResizeStaff.html b/doc/module-SingleEdit_ResizeStaff.html
new file mode 100644
index 000000000..75f984391
--- /dev/null
+++ b/doc/module-SingleEdit_ResizeStaff.html
@@ -0,0 +1,238 @@
+
+
+
+
+
+
+
+
+
+
+Module: SingleEdit/ResizeStaff
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Support for resizing the staff by creating a resizable box around it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner, constant) Side
+
+
+
+
+
+ The sides of the rectangle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Select.html b/doc/module-SingleEdit_Select.html
similarity index 52%
rename from doc/module-Select.html
rename to doc/module-SingleEdit_Select.html
index 74af4e669..ffa78128f 100644
--- a/doc/module-Select.html
+++ b/doc/module-SingleEdit_Select.html
@@ -2,7 +2,7 @@
-
- Module: Select
+ Module: SingleEdit/Select
@@ -46,15 +46,49 @@ Module: Select
- Classes
-
-
+
+
+
+
+
+ Methods
+
- (static) clickSelect()
+
+
+
+
+
+
+
+ Apply listeners for click selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -66,7 +100,139 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
- Methods
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) dragSelect()
+
+
+
+
+
+
+
+ Apply listeners for drag selection.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -82,7 +248,7 @@ (static)
- Select a staff.
+ Select a staff element.
@@ -124,7 +290,30 @@ Parameters:
-SVGSVGElement
+SVGGElement
+
+
+
+
+
+
+
+
+
+ The staff element in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+dragHandler
+
+
+DragHandler
@@ -134,20 +323,383 @@ Parameters:
- The staff element to select.
+ The drag handler in use.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setSelectHelperObjects(dh, nv)
+
+
+
+
+
+
+
+ Set the objects for this module.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+ dh
+
+
+DragHandler
+
+
+
+
+
+
+
+
+
+ The drag handler object
+
+
+
+
+
+
+nv
+
+
+NeonView
+
+
+
+
+
+
+
+
+
+ The NeonView object
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) unselect()
+
+
+
+
+
+
+
+ Unselect all selected elements and run undo any extra
+actions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) clickHandler(evt)
+
+
+
+
+
+
+
+ Handle click events related to element selection.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
@@ -596,7 +1151,7 @@
+
+
+
+
+
+
Name
+
+
+ Type
+
+
+
+
+
+ Description
+
-
@@ -198,7 +750,7 @@ dragHandlerevt
-DragHandler
+object
@@ -157,7 +709,7 @@ Parameters:
- An instantiated DragHandler.
+
Parameters:
Parameters:
+
+
- (static) unselect()
+ (inner) getSelectionType() → {string|null}
@@ -240,8 +794,7 @@ (static) uns
- Unselect all selected elements and run undo any extra
-actions.
+ Get the selection mode chosen by the user.
@@ -285,7 +838,7 @@ (static) uns
(static) uns
+
Returns:
+
+
+
+
+
+
+
+
+
+
@@ -369,7 +945,7 @@ Parameters:
-SVGSVGElement
+SVGGElement
@@ -420,7 +996,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -472,7 +1050,7 @@ Returns:
- (inner) isLigature(nc, neonCore)
+ (async, inner) isLigature(nc) → {boolean}
@@ -522,7 +1100,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -536,29 +1114,6 @@ Parameters:
-
-
-
-
-
-
neonCore
-
-
-NeonCore
-
-
-
-
-
-
-
-
-
- An instantiated NeonCore.
- Parameters:
Parameters:
+Returns:
+
+
+
+
+
+
+
+
+
+
@@ -680,7 +1255,7 @@ Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -731,7 +1306,7 @@ Parameters:
Parameters:
+
+
- (inner) selectAll(elements, neonCore, neonView, dragHandler, infoBox)
+ (async, inner) selectAll(elements)
@@ -815,7 +1392,7 @@ Parameters:
-Array.<SVGSVGElement>
+Array.<SVGGraphicsElement>
@@ -829,62 +1406,130 @@ Parameters:
+
+
-
-
-
+
- neonCore
-
-
-NeonCore
-
-
-
-
+
-
A neonCore instance.
-
-
-
+
+
+
+ neonView
-
-
-NeonView
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- The NeonView parent.
- (async, inner) selectNcs(el, dragHandler)
+
+
+
+
+
+
+
+ Select an nc.
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+
+
+
+
Name
+
+
+ Type
+
+
+
+
+
+ Description
+
-
dragHandlerel
-DragHandler
+SVGGraphicsElement
@@ -894,20 +1539,20 @@ Parameters:
- A DragHandler to alow staff resizing and some neume component selection cases.
+ The nc element to select.
-
@@ -958,7 +1603,7 @@ infoBoxdragHandler
-InfoBox
+DragHandler
@@ -917,7 +1562,7 @@ Parameters:
-
+ An instantiated DragHandler.
Parameters:
Parameters:
+
+
- (inner) selectNcs(el, dragHandler)
+ (inner) selectNn(notNeumes)
@@ -1000,7 +1647,7 @@ (inner) sel
- Select an nc.
+ Select not neume elements.
@@ -1036,36 +1683,13 @@ Parameters:
-
-
-
-
- el
-
-
-SVGSVGElement
-
-
-
-
-
-
-
-
-
- The nc element to select.
-
-
-
@@ -1116,7 +1740,7 @@ dragHandlernotNeumes
-DragHandler
+Array.<SVGGraphicsElement>
@@ -1075,7 +1699,7 @@ Parameters:
- An instantiated DragHandler.
+ An array of not neumes elements.
Parameters:
Parameters:
+
+
- (inner) selectNn(notNeumes)
+ (inner) sharedSecondLevelParent(elements) → {boolean}
@@ -1158,7 +1784,7 @@ (inner) sele
- Select not neume elements.
+ Check if the elements have the same parent up two levels.
@@ -1194,13 +1820,13 @@ Parameters:
-
@@ -1251,7 +1877,7 @@ notNeumeselements
-Array.<object>
+Array.<Element>
@@ -1210,7 +1836,7 @@ Parameters:
- An array of not neumes elements.
+ The array of elements.
Parameters:
Parameters:
+Returns:
+
+
+
+ - If the elements share the same second level parent.
+
+
+
+
+
+
+
+
+
+
@@ -1295,13 +1945,13 @@ Parameters:
diff --git a/doc/module-SelectOptions.html b/doc/module-SingleEdit_SelectOptions.html
similarity index 70%
rename from doc/module-SelectOptions.html
rename to doc/module-SingleEdit_SelectOptions.html
index 7e78f289c..ad406b793 100644
--- a/doc/module-SelectOptions.html
+++ b/doc/module-SingleEdit_SelectOptions.html
@@ -2,7 +2,7 @@
-
-
@@ -327,7 +329,7 @@ Module: SelectOptions
+ Module: SingleEdit/SelectOptions
@@ -112,7 +112,7 @@ Type:
(static)
(static)
+
+
@@ -234,7 +236,7 @@
(static)
- Initialize NeonView for this and module:Grouping
+ Initialize NeonView for this and module:Grouping
Parameters:
Parameters:
+
+
- (static) triggerClefActions()
+ (static) triggerClefActions(clef)
@@ -380,6 +384,55 @@ (static)
+
Parameters:
+
+
+
+
+
+
+
@@ -413,7 +466,7 @@
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+clef
+
+
+SVGGraphicsElement
+
+
+
+
+
+
+
+
+
+ The clef that actions would be applied to.
+ (static)
(static)
+
+
@@ -497,7 +552,7 @@
Parameters:
-SVGSVGElement
+SVGGraphicsElement
@@ -548,7 +603,7 @@ Parameters:
Parameters:
+
+
@@ -634,7 +691,7 @@ (static)
(static)
+
+
@@ -720,7 +779,7 @@
(static)
(static)
+
+
@@ -806,7 +867,7 @@
(static)
(static)
+
+
@@ -892,7 +955,7 @@
(static) <
(static) <
+
+
@@ -1027,7 +1092,7 @@
Parameters:
Parameters:
+
+
Returns:
@@ -1180,7 +1247,7 @@ Parameters:
Parameters:
+
+
Returns:
@@ -1284,7 +1353,7 @@ (inner)
(inner)
+
+
@@ -1328,13 +1399,13 @@
(inner)
diff --git a/doc/module-SingleView_DisplayControls.html b/doc/module-SingleView_DisplayControls.html
new file mode 100644
index 000000000..27fd603be
--- /dev/null
+++ b/doc/module-SingleView_DisplayControls.html
@@ -0,0 +1,1090 @@
+
+
+
+
+
+
+
+
+
+
+Module: SingleView/DisplayControls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Members
+
+
+
+(inner) zoomHandler :module:Zoom~ZoomHandler
+
+
+
+
+
+
+ Type:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) initDisplayControls()
+
+
+
+
+
+
+
+ Initialize listeners and controls for display panel.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setHighlightControls()
+
+
+
+
+
+
+
+ Set listener on staff highlighting checkbox.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setOpacityFromSlider()
+
+
+
+
+
+
+
+ Update MEI opacity to value from the slider.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) setZoomHandler(zHandler)
+
+
+
+
+
+
+
+ Set the ZoomHandler to use.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+zHandler
+
+
+ZoomHandler
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) updateHighlight()
+
+
+
+
+
+
+
+ Reset the highlight for different types based on the 'highlight-selected' class in the DOM.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) highlightClickaway()
+
+
+
+
+
+
+
+ Clickaway listener for the highlight dropdown.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBackgroundOpacityControls()
+
+
+
+
+
+
+
+ Set background image opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setBurgerControls()
+
+
+
+
+
+
+
+ Set listener on burger menu for smaller screens.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setOpacityControls()
+
+
+
+
+
+
+
+ Set rendered MEI opacity button and slider listeners.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) setZoomControls()
+
+
+
+
+
+
+
+ Set zoom control listener for button and slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel-DisplayPanel.html b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
new file mode 100644
index 000000000..6da6dfaa8
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel-DisplayPanel.html
@@ -0,0 +1,293 @@
+
+
+
+
+
+
+
+
+
+
+Class: DisplayPanel
+
+
+
+
+
+
+
+ SingleView/DisplayPanel~DisplayPanel(view, mei, background, handleZoom)
+
+ A class that sets up and manages the display panel in Neon.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Constructor
+
+
+
+ new DisplayPanel(view, mei, background, handleZoom)
+
+
+
+
+
+
+
+ Constructor for a DisplayPanel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+ view
+
+
+object
+
+
+
+
+
+
+
+
+
+ The parent View module.
+
+
+
+
+
+
+ mei
+
+
+SVGSVGElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the MEI rendering.
+
+
+
+
+
+
+ background
+
+
+SVGImageElement
+
+
+
+
+
+
+
+
+
+ The DOM element for the background.
+
+
+
+
+
+
+handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not the display panel should manage zooming.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-SingleView_DisplayPanel.html b/doc/module-SingleView_DisplayPanel.html
new file mode 100644
index 000000000..608ab1780
--- /dev/null
+++ b/doc/module-SingleView_DisplayPanel.html
@@ -0,0 +1,251 @@
+
+
+
+
+
+
+
+
+
+
+Module: SingleView/DisplayPanel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (inner) displayControlsPanel(handleZoom) → {string}
+
+
+
+
+
+
+
+ Return the HTML for the display panel.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+handleZoom
+
+
+boolean
+
+
+
+
+
+
+
+
+
+ Whether or not to include zoom controls.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Returns:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Zoom-ZoomHandler.html b/doc/module-SingleView_Zoom-ZoomHandler.html
similarity index 69%
rename from doc/module-Zoom-ZoomHandler.html
rename to doc/module-SingleView_Zoom-ZoomHandler.html
index 71e3160fb..87261a213 100644
--- a/doc/module-Zoom-ZoomHandler.html
+++ b/doc/module-SingleView_Zoom-ZoomHandler.html
@@ -29,7 +29,7 @@ Class: ZoomHandler
- Zoom~ZoomHandler()
+ SingleView/Zoom~ZoomHandler()
new ZoomHa
new ZoomHa
+
+
@@ -142,7 +144,7 @@
Members
-(inner) viewBox :module:Zoom.ViewBox
+(inner) viewBox :module:Zoom.ViewBox
@@ -157,7 +159,7 @@ Type:
Type:
(inner) ge
(inner) ge
+
+
@@ -362,7 +366,7 @@
(inner) Source:
(inner) (inner
(inner
+
+
@@ -606,7 +614,7 @@
Parameters:
Parameters:
+
+
@@ -692,7 +702,7 @@ (inner) Source:
(inner) Parameters:
Parameters:
+
+
@@ -871,13 +885,13 @@ Parameters:
diff --git a/doc/module-Zoom.ViewBox.html b/doc/module-SingleView_Zoom.ViewBox.html
similarity index 74%
rename from doc/module-Zoom.ViewBox.html
rename to doc/module-SingleView_Zoom.ViewBox.html
index c8fc78cd8..8dc7a596c 100644
--- a/doc/module-Zoom.ViewBox.html
+++ b/doc/module-SingleView_Zoom.ViewBox.html
@@ -29,7 +29,7 @@ Class: ViewBox
- Zoom.ViewBox(imageWidth, imageHeight)
+ SingleView/Zoom.ViewBox(imageWidth, imageHeight)
Parameters:
Parameters:
+
+
@@ -272,7 +274,7 @@ (inner) getSource:
(inner) getReturns:
@@ -376,7 +380,7 @@
(inner) getZo
(inner) getZo
+
+
Returns:
@@ -598,7 +604,7 @@ Parameters:
Parameters:
+
+
@@ -684,7 +692,7 @@ (inner) tra
(inner) tra
+
+
@@ -819,7 +829,7 @@
Parameters:
Parameters:
+
+
@@ -863,13 +875,13 @@ Parameters:
diff --git a/doc/module-SingleView_Zoom.html b/doc/module-SingleView_Zoom.html
new file mode 100644
index 000000000..c497878b3
--- /dev/null
+++ b/doc/module-SingleView_Zoom.html
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
+
+
+
+Module: SingleView/Zoom
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Text.html b/doc/module-Text.html
deleted file mode 100644
index 5242f0f29..000000000
--- a/doc/module-Text.html
+++ /dev/null
@@ -1,756 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-Module: Text
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Members
-
-
-
-(static) editText :boolean
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(inner) view :NeonView
-
-
-
-
-
-
- Type:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Methods
-
-
-
-
-
-
-
- (static) enableEditText(neonView)
-
-
-
-
-
-
-
- Enable editing text and set listeners.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-neonView
-
-
-NeonView
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) getSylText() → {string}
-
-
-
-
-
-
-
- Get the syllable text of the loaded file.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (static) updateSylText(span)
-
-
-
-
-
-
-
- Update the text for a syl tag by user input.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-span
-
-
-HTMLElement
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- (inner) formatRaw(rawString) → {string}
-
-
-
-
-
-
-
- Format a string for prompting the user.
-
-
-
-
-
-
-
-
-
-
- Parameters:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
- Type
-
-
-
-
-
- Description
-
-
-
-
-
-
-rawString
-
-
-string
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Returns:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Validation.html b/doc/module-Validation.html
new file mode 100644
index 000000000..00c0d155a
--- /dev/null
+++ b/doc/module-Validation.html
@@ -0,0 +1,501 @@
+
+
+
+
+
+
+
+
+
+
+Module: Validation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Methods
+
+
+
+
+
+
+
+ (static) init()
+
+
+
+
+
+
+
+ Add the validation information to the display and create the WebWorker
+for validation MEI.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (static) sendForValidation(meiData)
+
+
+
+
+
+
+
+ Send the contents of an MEI file to the WebWorker for validation.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+meiData
+
+
+string
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ (inner) updateUI(message)
+
+
+
+
+
+
+
+ Update the UI with the validation results. Called when the WebWorker finishes validating.
+
+
+
+
+
+
+
+
+
+
+ Parameters:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+message
+
+
+object
+
+
+
+
+
+
+
+
+
+ The message sent by the WebWorker.
+
+ Properties
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+
+
+ Type
+
+
+
+
+
+ Description
+
+
+
+
+
+
+data
+
+
+object
+
+
+
+
+
+
+
+
+
+ The errors object produced by XML.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/doc/module-Warnings.html b/doc/module-Warnings.html
index 57952d9c6..f822628a6 100644
--- a/doc/module-Warnings.html
+++ b/doc/module-Warnings.html
@@ -144,6 +144,8 @@ (stati
+
+
@@ -160,13 +162,13 @@
(stati
diff --git a/doc/module-Zoom.html b/doc/module-Zoom.html
deleted file mode 100644
index de16d9fa3..000000000
--- a/doc/module-Zoom.html
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-Module: Zoom
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Classes
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/module-Color.html b/doc/module-utils_Color.html
similarity index 73%
rename from doc/module-Color.html
rename to doc/module-utils_Color.html
index 3956ca4a2..9a18b121e 100644
--- a/doc/module-Color.html
+++ b/doc/module-utils_Color.html
@@ -2,7 +2,7 @@
-
- Module: Color
+ Module: utils/Color
@@ -114,7 +114,7 @@ Type:
Parameters:
-SVGSVGElement
+SVGGElement
@@ -266,7 +266,7 @@ Parameters:
Parameters:
+
+
@@ -401,7 +403,7 @@ Parameters:
Parameters:
+
+
@@ -487,7 +491,7 @@ (static) <
(static) <
+
+
@@ -571,7 +577,7 @@
Parameters:
-SVGSVGElement
+SVGGElement
|
string
@@ -625,7 +631,7 @@ Parameters:
Parameters:
+
+
@@ -711,7 +719,7 @@ (stat
(stat
+
+
@@ -797,7 +807,7 @@
(static)
(static)
+
+
@@ -841,13 +853,13 @@
(static)
diff --git a/doc/module-Cursor.html b/doc/module-utils_Cursor.html
similarity index 59%
rename from doc/module-Cursor.html
rename to doc/module-utils_Cursor.html
index 23d2bf227..59f58ae1d 100644
--- a/doc/module-Cursor.html
+++ b/doc/module-utils_Cursor.html
@@ -2,7 +2,7 @@
-
-
Module: Cursor
+ Module: utils/Cursor
@@ -116,7 +116,7 @@ (static)
(static)
+
+
@@ -202,7 +204,7 @@
(static) Source:
(static) Parameters:
Parameters:
+
+
@@ -381,13 +387,13 @@ Parameters:
diff --git a/doc/scripts/linenumber.js b/doc/scripts/linenumber.js
index 8d52f7eaf..4354785ce 100644
--- a/doc/scripts/linenumber.js
+++ b/doc/scripts/linenumber.js
@@ -1,12 +1,12 @@
/*global document */
-(function() {
- var source = document.getElementsByClassName('prettyprint source linenums');
- var i = 0;
- var lineNumber = 0;
- var lineId;
- var lines;
- var totalLines;
- var anchorHash;
+(() => {
+ const source = document.getElementsByClassName('prettyprint source linenums');
+ let i = 0;
+ let lineNumber = 0;
+ let lineId;
+ let lines;
+ let totalLines;
+ let anchorHash;
if (source && source[0]) {
anchorHash = document.location.hash.substring(1);
@@ -15,7 +15,7 @@
for (; i < totalLines; i++) {
lineNumber++;
- lineId = 'line' + lineNumber;
+ lineId = `line${lineNumber}`;
lines[i].id = lineId;
if (lineId === anchorHash) {
lines[i].className += ' selected';
diff --git a/doc/styles/jsdoc-default.css b/doc/styles/jsdoc-default.css
index 9207bc824..7d1729dc9 100644
--- a/doc/styles/jsdoc-default.css
+++ b/doc/styles/jsdoc-default.css
@@ -273,7 +273,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
margin: 0;
}
-.prettyprint
+.source
{
border: 1px solid #ddd;
width: 80%;
@@ -284,7 +284,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
width: inherit;
}
-.prettyprint code
+.source code
{
font-size: 100%;
line-height: 18px;
diff --git a/doc/Color.js.html b/doc/utils_Color.js.html
similarity index 65%
rename from doc/Color.js.html
rename to doc/utils_Color.js.html
index d8bf3a65d..69cf60dbd 100644
--- a/doc/Color.js.html
+++ b/doc/utils_Color.js.html
@@ -2,7 +2,7 @@
-
-
Source: Color.js
+ Source: utils/Color.js
@@ -26,7 +26,7 @@ Source: Color.js
/** @module Color */
+ /** @module utils/Color */
const $ = require('jquery');
@@ -90,7 +90,7 @@ Source: Color.js
/**
* Highlight a staff a certain color.
- * @param {SVGSVGElement} staff - The staff's SVG element.
+ * @param {SVGGElement} staff - The staff's SVG element.
* @param {string} color - The color to highlight the staff.
*/
export function highlight (staff, color) {
@@ -107,7 +107,7 @@ Source: Color.js
/**
* Remove the highlight from a staff.
- * @param {(SVGSVGElement|string)} staff - The staff's SVG element or a JQuery selector.
+ * @param {(SVGGElement|string)} staff - The staff's SVG element or a JQuery selector.
*/
export function unhighlight (staff) {
let children = Array.from($(staff).filter(':not(.selected)').children('.highlighted'));
@@ -147,13 +147,13 @@ Source: Color.js
diff --git a/doc/Cursor.js.html b/doc/utils_Cursor.js.html
similarity index 56%
rename from doc/Cursor.js.html
rename to doc/utils_Cursor.js.html
index 254f36cc1..c768c4b9a 100644
--- a/doc/Cursor.js.html
+++ b/doc/utils_Cursor.js.html
@@ -2,7 +2,7 @@
-
-
Source: Cursor.js
+ Source: utils/Cursor.js
@@ -26,7 +26,7 @@ Source: Cursor.js
/** @module Cursor */
+ /** @module utils/Cursor */
const $ = require('jquery');
@@ -86,13 +86,13 @@ Source: Cursor.js
diff --git a/doc/Notification.js.html b/doc/utils_Notification.js.html
similarity index 67%
rename from doc/Notification.js.html
rename to doc/utils_Notification.js.html
index b282e5e78..143b86d38 100644
--- a/doc/Notification.js.html
+++ b/doc/utils_Notification.js.html
@@ -2,7 +2,7 @@
-
-
Source: Notification.js
+ Source: utils/Notification.js
@@ -152,13 +152,13 @@ Source: Notification.js
diff --git a/package.json b/package.json
index 278c8c3cb..8fcd9eace 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "Neon",
- "version": "3.0.0",
+ "version": "3.1.0",
"description": "A web-based editor for correcting MEI-Neume files",
"main": "server.js",
"license": "MIT",
@@ -34,22 +34,27 @@
"start": "nodemon server.js",
"build": "./setup-verovio && webpack --config webpack.config.js",
"test": "jest --silent",
- "doc": "jsdoc -d ./doc/ ./src/ -R ./README.md",
+ "doc": "jsdoc -d ./doc/ ./src/ ./src/SingleEdit/ ./src/SingleView/ ./src/utils/ -R ./README.md",
"pages": "./setup-verovio && webpack --config webpack.pages-config.js && cp public/verovio-toolkit.js dist/verovio-toolkit.js"
},
"jest": {
"testPathIgnorePatterns": [
"