pageflow 15.2.2 → 15.6.1

data/lib/pageflow/user_mixin.rb

@@ -24,6 +24,7 @@ module Pageflow
       has_many :revisions, class_name: 'Pageflow::Revision', foreign_key: :creator_id
 
       validates :first_name, :last_name, presence: true
+      validates_inclusion_of :locale, in: Pageflow.config.available_locales.map(&:to_s)
 
       scope :admins, -> { where(admin: true) }
     end
@@ -41,7 +42,7 @@ module Pageflow
     end
 
     def locale
-      super.presence || I18n.default_locale
+      super.presence || I18n.default_locale.to_s
     end
 
     def update_with_password(attributes)

data/lib/pageflow/version.rb

@@ -1,3 +1,3 @@
 module Pageflow
-  VERSION = '15.2.2'.freeze
+  VERSION = '15.6.1'.freeze
 end

data/{packages/pageflow → package}/config/jest/index.js

@@ -1,6 +1,12 @@
 const path = require('path');
 
 module.exports = {
+  globals: {
+    pageflow: {
+      config: {}
+    }
+  },
+
   moduleNameMapper: {
     '^jquery$': resolve('../../src/vendor/jquery'),
     '^jquery-ui$': resolve('../../src/vendor/jquery-ui'),
@@ -11,13 +17,13 @@ module.exports = {
     '^underscore$': resolve('../../src/vendor/underscore'),
     '^cocktail$': resolve('../../src/vendor/cocktail'),
     '^iscroll$': resolve('../../src/vendor/iscroll'),
-    '^wysihtml5': resolve('../../spec/support/wysihtmlStub'),
+    '^wysihtml5': resolve('../../spec/support/wysihtmlStub')
   },
 
   transform: {
     '^.+\\.jst$': resolve('./transformers/jst'),
     '^.+\\.jsx?$': resolve('./transformers/upwardBabel'),
-    '^.+\\.module.css$': resolve('./transformers/cssModules')
+    '^.+\\.module.css$': 'jest-css-modules-processor'
   }
 }
 

data/{packages/pageflow → package}/config/webpack.js

@@ -10,5 +10,12 @@ module.exports = {
     'backbone.marionette': 'Backbone.Marionette',
     'iscroll': 'IScroll',
     'wysihtml5': 'wysihtml5'
+  },
+  // Webpack's chunk loading code references `window` by default -
+  // which is not available in server side rendering context.
+  //
+  // https://github.com/webpack/webpack/blob/c9d4ff7b054fc581c96ce0e53432d44f9dd8ca72/lib/web/JsonpMainTemplatePlugin.js#L493
+  output: {
+    globalObject: 'this'
   }
 };

data/{packages/pageflow → package}/editor.js

@@ -1,12 +1,12 @@
 import Backbone from 'backbone';
-import _$1 from 'underscore';
-import { Object as Object$1, ConfigurationEditorTabView, TextInputView, UrlDisplayView, TabsView, ConfigurationEditorView, CollectionView, CheckBoxInputView, tooltipContainer, SelectInputView, inputView, TextAreaInputView, CheckBoxGroupInputView, ExtendedSelectInputView, i18nUtils, TableView, TextTableCellView, PresenceTableCellView, SortableCollectionView, DeleteRowTableCellView, ColorInputView, SliderInputView, IconTableCellView } from 'pageflow/ui';
+import _ from 'underscore';
+import { Object as Object$1, ConfigurationEditorTabView, TextInputView, UrlDisplayView, TabsView, ConfigurationEditorView, CollectionView, tooltipContainer, SelectInputView, inputView, TextAreaInputView, CheckBoxGroupInputView, i18nUtils, TableView, TextTableCellView, PresenceTableCellView, SortableCollectionView, DeleteRowTableCellView, CheckBoxInputView, SliderInputView, IconTableCellView } from 'pageflow/ui';
 export * from 'pageflow/ui';
 import Cocktail from 'cocktail';
 import I18n$1 from 'i18n-js';
 import Marionette from 'backbone.marionette';
 import $ from 'jquery';
-import 'jquery-ui';
+import { browser, features, Audio, events } from 'pageflow/frontend';
 
 (function () {
   var sync = Backbone.sync;
@@ -36,6 +36,40 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    });
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+
+  return target;
+}
+
 var CommonPageConfigurationTabs = Object$1.extend({
   initialize: function initialize() {
     this.configureFns = {};
@@ -44,7 +78,7 @@ var CommonPageConfigurationTabs = Object$1.extend({
     this.configureFns[name] = configureFn;
   },
   apply: function apply(configurationEditorView) {
-    _$1.each(this.configureFns, function (configureFn, name) {
+    _.each(this.configureFns, function (configureFn, name) {
       configurationEditorView.tab(name, function () {
         configureFn.call(prefixInputDecorator(name, this));
       });
@@ -138,13 +172,13 @@ var FailuresAPI = Object$1.extend(
     });
   },
   retry: function retry() {
-    _$1.each(this.failures, function (failure, key) {
+    _.each(this.failures, function (failure, key) {
       this.remove(key);
       failure.retry();
     }, this);
   },
   isEmpty: function isEmpty() {
-    return _$1.size(this.failures) === 0;
+    return _.size(this.failures) === 0;
   },
 
   /**
@@ -155,18 +189,18 @@ var FailuresAPI = Object$1.extend(
    */
   add: function add(failure) {
     this.failures[failure.key()] = failure;
-    this.length = _$1.size(this.failures);
+    this.length = _.size(this.failures);
   },
   remove: function remove(key) {
     delete this.failures[key];
-    this.length = _$1.size(this.failures);
+    this.length = _.size(this.failures);
   },
   count: function count() {
     return this.length;
   }
 });
 
-_$1.extend(FailuresAPI.prototype, Backbone.Events);
+_.extend(FailuresAPI.prototype, Backbone.Events);
 
 var UploadError = Object$1.extend({
   setMessage: function setMessage(options) {
@@ -200,7 +234,7 @@ var UnmatchedUploadError = UploadError.extend({
 });
 var validFileTypeTranslationList = {
   validFileTypeTranslations: function validFileTypeTranslations(validFileTypes) {
-    return _$1.map(validFileTypes, function (validFileType) {
+    return _.map(validFileTypes, function (validFileType) {
       return I18n$1.t('activerecord.models.' + validFileType.i18nKey + '.other');
     }).join(', ');
   }
@@ -272,11 +306,11 @@ var FileTypesCollection = Object$1.extend({
   }
 });
 
-_$1.each(['each', 'map', 'reduce', 'first', 'find', 'contains', 'filter'], function (method) {
+_.each(['each', 'map', 'reduce', 'first', 'find', 'contains', 'filter'], function (method) {
   FileTypesCollection.prototype[method] = function () {
     var args = Array.prototype.slice.call(arguments);
     args.unshift(this._fileTypes);
-    return _$1[method].apply(_$1, args);
+    return _[method].apply(_, args);
   };
 });
 
@@ -307,7 +341,7 @@ var EditFileView = Marionette.ItemView.extend({
       placeholder: entry.get('default_file_rights')
     });
 
-    _$1(this.fileTypeInputs()).each(function (options) {
+    _(this.fileTypeInputs()).each(function (options) {
       tab.input(options.name, options.inputView, options.inputViewOptions);
     });
 
@@ -318,8 +352,8 @@ var EditFileView = Marionette.ItemView.extend({
   },
   fileTypeInputs: function fileTypeInputs() {
     var fileType = this.model.fileType();
-    return _$1.chain(fileType.configurationEditorInputs).map(function (inputs) {
-      if (_$1.isFunction(inputs)) {
+    return _.chain(fileType.configurationEditorInputs).map(function (inputs) {
+      if (_.isFunction(inputs)) {
         return inputs(this.model);
       } else {
         return inputs;
@@ -366,9 +400,9 @@ var FileSettingsDialogView = Marionette.ItemView.extend({
       defaultTab: this.options.tabName
     });
 
-    _$1.each(this.model.fileType().settingsDialogTabs, function (options) {
-      this.tabsView.tab(options.name, _$1.bind(function () {
-        return this.subview(new options.view(_$1.extend({
+    _.each(this.model.fileType().settingsDialogTabs, function (options) {
+      this.tabsView.tab(options.name, _.bind(function () {
+        return this.subview(new options.view(_.extend({
           model: this.model
         }, options.viewOptions)));
       }, this));
@@ -504,7 +538,7 @@ var FileType = Object$1.extend({
     this.nestedFileTypes = fileTypesCollection;
   },
   getFilter: function getFilter(name) {
-    var result = _$1(this.filters).find(function (filter) {
+    var result = _(this.filters).find(function (filter) {
       return filter.name === name;
     });
 
@@ -540,44 +574,44 @@ var FileTypes = Object$1.extend({
   setup: function setup(serverSideConfigs) {
     var clientSideConfigs = this.clientSideConfigs;
     this._setup = true;
-    this.collection = new FileTypesCollection(_$1.map(serverSideConfigs, function (serverSideConfig) {
+    this.collection = new FileTypesCollection(_.map(serverSideConfigs, function (serverSideConfig) {
       var clientSideConfig = clientSideConfigs[serverSideConfig.collectionName];
 
       if (!clientSideConfig) {
         throw 'Missing client side config for file type "' + serverSideConfig.collectionName + '"';
       }
 
-      _$1(this.clientSideConfigModifications[serverSideConfig.collectionName]).each(function (modification) {
+      _(this.clientSideConfigModifications[serverSideConfig.collectionName]).each(function (modification) {
         this.lintModification(modification, serverSideConfig.collectionName);
         this.applyModification(clientSideConfig, modification);
       }, this);
 
-      return new FileType(_$1.extend({}, serverSideConfig, clientSideConfig));
+      return new FileType(_.extend({}, serverSideConfig, clientSideConfig));
     }, this));
     var those = this;
 
-    _$1.map(serverSideConfigs, function (serverSideConfig) {
+    _.map(serverSideConfigs, function (serverSideConfig) {
       var fileType = those.findByCollectionName(serverSideConfig.collectionName);
-      fileType.setNestedFileTypes(new FileTypesCollection(_$1.map(serverSideConfig.nestedFileTypes, function (nestedFileType) {
+      fileType.setNestedFileTypes(new FileTypesCollection(_.map(serverSideConfig.nestedFileTypes, function (nestedFileType) {
         return those.findByCollectionName(nestedFileType.collectionName);
       })));
     });
   },
   lintModification: function lintModification(modification, collectionName) {
-    var unmodifyableProperties = _$1.difference(_$1.keys(modification), this.modifyableProperties);
+    var unmodifyableProperties = _.difference(_.keys(modification), this.modifyableProperties);
 
     if (unmodifyableProperties.length) {
       throw 'Only the following properties are allowed in FileTypes#modify: ' + this.modifyableProperties.join(', ') + '. Given in modification for ' + collectionName + ': ' + unmodifyableProperties.join(', ') + '.';
     }
   },
   applyModification: function applyModification(target, modification) {
-    _$1(this.modifyableProperties).each(function (property) {
+    _(this.modifyableProperties).each(function (property) {
       target[property] = (target[property] || []).concat(modification[property] || []);
     });
   }
 });
 
-_$1.each(['each', 'map', 'reduce', 'first', 'find', 'findByUpload', 'findByCollectionName', 'contains', 'filter'], function (method) {
+_.each(['each', 'map', 'reduce', 'first', 'find', 'findByUpload', 'findByCollectionName', 'contains', 'filter'], function (method) {
   FileTypes.prototype[method] = function () {
     if (!this._setup) {
       throw 'File types are not yet set up.';
@@ -661,14 +695,14 @@ var PageType = Object$1.extend({
   createConfigurationEditorView: function createConfigurationEditorView(options) {
     var constructor = this.configurationEditorView();
     options.pageType = this.seed;
-    return new constructor(_$1.extend({
+    return new constructor(_.extend({
       tabTranslationKeyPrefixes: [this.seed.translation_key_prefix + '.page_configuration_tabs', 'pageflow.common_page_configuration_tabs'],
       attributeTranslationKeyPrefixes: [this.seed.translation_key_prefix + '.page_attributes', 'pageflow.common_page_attributes']
     }, options));
   },
   createPageLinkConfigurationEditorView: function createPageLinkConfigurationEditorView(options) {
     var constructor = this.options.pageLinkConfigurationEditorView || PageLinkConfigurationEditorView;
-    return new constructor(_$1.extend({
+    return new constructor(_.extend({
       tabTranslationKeyPrefixes: [this.seed.translation_key_prefix + '.page_link_configuration_tabs', 'pageflow.common_page_link_configuration_tabs'],
       attributeTranslationKeyPrefixes: [this.seed.translation_key_prefix + '.page_link_attributes', 'pageflow.common_page_link_attributes']
     }, options));
@@ -692,7 +726,7 @@ var PageTypes = Object$1.extend({
   setup: function setup(serverSideConfigs) {
     var clientSideConfigs = this.clientSideConfigs;
     this._setup = true;
-    this.pageTypes = _$1.map(serverSideConfigs, function (serverSideConfig) {
+    this.pageTypes = _.map(serverSideConfigs, function (serverSideConfig) {
       var clientSideConfig = clientSideConfigs[serverSideConfig.name] || {};
       return new PageType(serverSideConfig.name, clientSideConfig, serverSideConfig);
     });
@@ -713,7 +747,7 @@ var PageTypes = Object$1.extend({
   }
 });
 
-_$1.each(['each', 'map', 'reduce', 'first', 'find', 'pluck'], function (method) {
+_.each(['each', 'map', 'reduce', 'first', 'find', 'pluck'], function (method) {
   PageTypes.prototype[method] = function () {
     if (!this._setup) {
       throw 'Page types are not yet set up.';
@@ -721,7 +755,7 @@ _$1.each(['each', 'map', 'reduce', 'first', 'find', 'pluck'], function (method)
 
     var args = Array.prototype.slice.call(arguments);
     args.unshift(this.pageTypes);
-    return _$1[method].apply(_$1, args);
+    return _[method].apply(_, args);
   };
 });
 
@@ -733,18 +767,18 @@ var MultiCollection = function MultiCollection() {
   this.length = 0;
 };
 
-_$1.extend(MultiCollection.prototype, {
+_.extend(MultiCollection.prototype, {
   add: function add(record) {
     if (!this.records[record.cid]) {
       this.records[record.cid] = record;
-      this.length = _$1.keys(this.records).length;
+      this.length = _.keys(this.records).length;
       this.trigger('add', record);
     }
   },
   remove: function remove(record) {
     if (this.records[record.cid]) {
       delete this.records[record.cid];
-      this.length = _$1.keys(this.records).length;
+      this.length = _.keys(this.records).length;
       this.trigger('remove', record);
     }
   },
@@ -753,7 +787,7 @@ _$1.extend(MultiCollection.prototype, {
   }
 });
 
-_$1.extend(MultiCollection.prototype, Backbone.Events);
+_.extend(MultiCollection.prototype, Backbone.Events);
 
 MultiCollection.extend = Backbone.Collection.extend;
 
@@ -793,7 +827,7 @@ var WidgetType = Object$1.extend({
   },
   createConfigurationEditorView: function createConfigurationEditorView(options) {
     var constructor = this.configurationEditorView;
-    return new constructor(_$1.extend({
+    return new constructor(_.extend({
       attributeTranslationKeyPrefixes: ['pageflow.editor.widgets.attributes.' + this.name, 'pageflow.editor.widgets.common_attributes']
     }, options));
   }
@@ -815,10 +849,10 @@ var WidgetTypes = Object$1.extend({
     this._setup = true;
     this._widgetTypesByName = {};
 
-    var roles = _$1.keys(serverSideConfigsByRole);
+    var roles = _.keys(serverSideConfigsByRole);
 
-    this._widgetTypesByRole = roles.reduce(_$1.bind(function (result, role) {
-      result[role] = serverSideConfigsByRole[role].map(_$1.bind(function (serverSideConfig) {
+    this._widgetTypesByRole = roles.reduce(_.bind(function (result, role) {
+      result[role] = serverSideConfigsByRole[role].map(_.bind(function (serverSideConfig) {
         var clientSideConfig = this._clientSideConfigs[serverSideConfig.name] || {};
         var widgetType = new WidgetType(serverSideConfig, clientSideConfig);
         this._widgetTypesByName[serverSideConfig.name] = widgetType;
@@ -845,9 +879,6 @@ var WidgetTypes = Object$1.extend({
   }
 });
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * Interface for engines providing editor extensions.
  * @alias editor
@@ -923,9 +954,13 @@ var EditorApi = Object$1.extend(
    *   Backbone view that will render the live preview of the entry.
    * @param {function} options.EntryOutlineView
    *   Backbone view that will be rendered in the side bar.
+   * @param {function} options.isBrowserSupported
+   *  Checks to see if the browser is supported.
+   * @param {function} options.browserNotSupportedView
+   *  Backbone view that will be rendered if the browser is not supported.
    */
   registerEntryType: function registerEntryType(name, options) {
-    this.entryType = _objectSpread({
+    this.entryType = _objectSpread2({
       name: name
     }, options);
   },
@@ -1109,7 +1144,7 @@ var EditorApi = Object$1.extend(
    *   whether the page is a valid selection
    */
   selectPage: function selectPage(options) {
-    return this.pageSelectionView.selectPage(_objectSpread({}, options, {
+    return this.pageSelectionView.selectPage(_objectSpread2(_objectSpread2({}, options), {}, {
       entry: state.entry
     }));
   },
@@ -1119,20 +1154,34 @@ var EditorApi = Object$1.extend(
     }
 
     var payloadJson = JSON.parse(decodeURIComponent(encodedPayload));
-    return new this.fileSelectionHandlers[handlerName](_objectSpread({}, payloadJson, {
+    return new this.fileSelectionHandlers[handlerName](_objectSpread2(_objectSpread2({}, payloadJson), {}, {
       entry: state.entry
     }));
   },
   createPageConfigurationEditorView: function createPageConfigurationEditorView(page, options) {
-    var view = this.pageTypes.findByPage(page).createConfigurationEditorView(_$1.extend(options, {
+    var view = this.pageTypes.findByPage(page).createConfigurationEditorView(_.extend(options, {
       model: page.configuration
     }));
     this.commonPageConfigurationTabs.apply(view);
     return view;
+  },
+  ensureBrowserSupport: function ensureBrowserSupport(start) {
+    if (this.entryType.isBrowserSupported) {
+      var isBrowserSupported = this.entryType.isBrowserSupported();
+
+      if (isBrowserSupported) {
+        start();
+      } else {
+        var browserNotSupportedView = new this.entryType.browserNotSupportedView();
+        app.mainRegion.show(browserNotSupportedView);
+      }
+    } else {
+      start();
+    }
   }
 });
 
-var editor$1 = new EditorApi();
+var editor = new EditorApi();
 var startEditor = function startEditor(options) {
   // In Webpack builds, I18n object from the i18n-js module is not
   // identical to window.I18n which is provided by the i18n-js gem via
@@ -1142,10 +1191,12 @@ var startEditor = function startEditor(options) {
   I18n$1.locale = window.I18n.locale;
   I18n$1.translations = window.I18n.translations;
   $(function () {
-    $.when($.getJSON('/editor/entries/' + options.entryId + '/seed'), pageflow.browser.detectFeatures()).done(function (result) {
-      app.start(result[0]);
-    }).fail(function () {
-      alert('Error while starting editor.');
+    editor.ensureBrowserSupport(function () {
+      Promise.all([$.getJSON('/editor/entries/' + options.entryId + '/seed'), browser.detectFeatures()]).then(function (result) {
+        return app.start(result[0]);
+      }, function () {
+        return alert('Error while starting editor.');
+      });
     });
   });
 };
@@ -1220,7 +1271,7 @@ var entryTypeEditorControllerUrls = {
 };
 
 function entryTypeEditorControllerUrl(resources) {
-  return [state.entry.url(), editor$1.entryType.name, resources].join('/');
+  return [state.entry.url(), editor.entryType.name, resources].join('/');
 }
 
 var formDataUtils = {
@@ -1231,7 +1282,7 @@ var formDataUtils = {
   },
   fromObject: function fromObject(object) {
     var queryString = $.param(object).replace(/\+/g, '%20');
-    return _$1(queryString.split('&')).reduce(function (result, param) {
+    return _(queryString.split('&')).reduce(function (result, param) {
       var pair = param.split('=');
       result[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);
       return result;
@@ -1330,7 +1381,7 @@ var SubsetCollection = Backbone.Collection.extend({
     this.reset();
   },
   url: function url() {
-    return this.parentModel.url() + (_$1.result(this.parent, 'urlSuffix') || _$1.result(this.parent, 'url'));
+    return this.parentModel.url() + (_.result(this.parent, 'urlSuffix') || _.result(this.parent, 'url'));
   },
   dispose: function dispose() {
     this.stopListening();
@@ -1353,7 +1404,7 @@ var FilesCollection = Backbone.Collection.extend({
     return '/editor/entries/' + this.getEntry().get('id') + '/files/' + this.name;
   },
   fetch: function fetch(options) {
-    options = _$1.extend({
+    options = _.extend({
       fileType: this.fileType
     }, options || {});
     return Backbone.Collection.prototype.fetch.call(this, options);
@@ -1410,7 +1461,7 @@ FilesCollection.createForFileTypes = function (fileTypes, files, options) {
 };
 
 FilesCollection.createForFileType = function (fileType, files, options) {
-  return new FilesCollection(files, _$1.extend({
+  return new FilesCollection(files, _.extend({
     fileType: fileType,
     model: fileType.model
   }, options || {}));
@@ -1458,7 +1509,7 @@ var transientReferences = {
   },
   getReference: function getReference(attribute, collection) {
     if (typeof collection === 'string') {
-      var fileType = editor$1.fileTypes.findByCollectionName(collection);
+      var fileType = editor.fileTypes.findByCollectionName(collection);
       collection = state.entry.getFileCollection(fileType);
     }
 
@@ -1498,16 +1549,16 @@ var transientReferences = {
     // Backbone collections update their modelsById map in the change
     // event which is dispatched after the `change:<attribute>`
     // events.
-    record.once('change', _$1.bind(callback, this));
+    record.once('change', _.bind(callback, this));
   },
   _listenForReady: function _listenForReady(attribute, record) {
     if (!record.isReady()) {
       this.pendingReferences[attribute] = record;
-      this.listenTo(record, 'change:state', function () {
+      this.listenTo(record, 'change:state', function (model, value, options) {
         if (record.isReady()) {
           this._cleanUpReadyListener(attribute);
 
-          this.trigger('change');
+          this.trigger('change', this, options);
           this.trigger('change:' + attribute + ':ready');
         }
       });
@@ -1627,8 +1678,8 @@ var Configuration = Backbone.Model.extend({
       return sources;
     }
 
-    return _$1.map(sources, function (source) {
-      var clone = _$1.clone(source);
+    return _.map(sources, function (source) {
+      var clone = _.clone(source);
 
       clone.src = clone.src + '?e=' + parent.id + '&t=' + new Date().getTime();
       return clone;
@@ -1779,7 +1830,7 @@ var Page = Backbone.Model.extend({
   },
   thumbnailFile: function thumbnailFile() {
     var configuration = this.configuration;
-    return _$1.reduce(this.pageType().thumbnailCandidates(), function (result, candidate) {
+    return _.reduce(this.pageType().thumbnailCandidates(), function (result, candidate) {
       if (candidate.condition && !conditionMet(candidate.condition, configuration)) {
         return result;
       }
@@ -1791,10 +1842,10 @@ var Page = Backbone.Model.extend({
     return this.pageType().pageLinks(this.configuration);
   },
   pageType: function pageType() {
-    return editor$1.pageTypes.findByName(this.get('template'));
+    return editor.pageTypes.findByName(this.get('template'));
   },
   toJSON: function toJSON() {
-    return _$1.extend(_$1.clone(this.attributes), {
+    return _.extend(_.clone(this.attributes), {
       configuration: this.configuration.toJSON()
     });
   },
@@ -1848,7 +1899,7 @@ var StorylineScaffold = Scaffold.extend({
       this.page = this.chapter.buildPage();
     }
 
-    editor$1.trigger('scaffold:storyline', this.storyline);
+    editor.trigger('scaffold:storyline', this.storyline);
     return this.storyline;
   },
   load: function load(response) {
@@ -1886,7 +1937,7 @@ FileReuse.submit = function (otherEntry, file, options) {
 var FileConfiguration = Configuration.extend({
   defaults: {},
   applyUpdaters: function applyUpdaters(updaters, newAttributes) {
-    _$1(updaters).each(function (updater) {
+    _(updaters).each(function (updater) {
       updater(this, newAttributes);
     }, this);
   }
@@ -1920,7 +1971,7 @@ var NestedFilesCollection = SubsetCollection.extend({
 
 var retryable = {
   retry: function retry(options) {
-    options = options ? _$1.clone(options) : {};
+    options = options ? _.clone(options) : {};
     if (options.parse === void 0) options.parse = true;
     var model = this;
 
@@ -1994,8 +2045,8 @@ var FileStage = Backbone.Model.extend({
 var stageProvider = {
   initialize: function initialize() {
     var finishedStates = [this.readyState];
-    var stages = _$1.result(this, 'stages') || [];
-    this.stages = new Backbone.Collection(_$1.chain(stages).slice().reverse().map(function (options) {
+    var stages = _.result(this, 'stages') || [];
+    this.stages = new Backbone.Collection(_.chain(stages).slice().reverse().map(function (options) {
       var name = options.name;
       options.file = this;
       options.finishedStates = finishedStates;
@@ -2030,7 +2081,7 @@ var ReusableFile = Backbone.Model.extend({
     this.listenTo(this.configuration, 'change', function () {
       this.trigger('change:configuration', this);
 
-      _$1.chain(this.configuration.changed).keys().each(function (name) {
+      _.chain(this.configuration.changed).keys().each(function (name) {
         this.trigger('change:configuration:' + name, this, this.configuration.get(name));
       }, this);
 
@@ -2099,7 +2150,7 @@ var ReusableFile = Backbone.Model.extend({
     return false;
   },
   toJSON: function toJSON() {
-    return _$1.extend(_$1.pick(this.attributes, 'file_name', 'rights', 'parent_file_id', 'parent_file_model_type', 'content_type', 'file_size'), {
+    return _.extend(_.pick(this.attributes, 'file_name', 'rights', 'parent_file_id', 'parent_file_model_type', 'content_type', 'file_size'), {
       configuration: this.configuration.toJSON()
     });
   },
@@ -2127,7 +2178,7 @@ var UploadableFile = ReusableFile.extend({
       name: 'uploading',
       activeStates: ['uploading'],
       failedStates: ['uploading_failed']
-    }].concat(_$1.result(this, 'processingStages'));
+    }].concat(_.result(this, 'processingStages'));
   },
   processingStages: [],
   readyState: 'uploaded'
@@ -2182,7 +2233,7 @@ var WidgetConfigurationFileSelectionHandler = function WidgetConfigurationFileSe
     return '/widgets/' + widget.id;
   };
 };
-editor$1.registerFileSelectionHandler('widgetConfiguration', WidgetConfigurationFileSelectionHandler);
+editor.registerFileSelectionHandler('widgetConfiguration', WidgetConfigurationFileSelectionHandler);
 
 var EncodingConfirmation = Backbone.Model.extend({
   paramRoot: 'encoding_confirmation',
@@ -2302,11 +2353,15 @@ var EntryMetadata = Configuration.extend({
   defaults: {},
   initialize: function initialize(attributes, options) {
     Configuration.prototype.initialize.apply(this, attributes, options);
-    this.configuration = new EntryMetadataConfiguration(_$1.clone(attributes.configuration) || {});
+    this.configuration = new EntryMetadataConfiguration(_.clone(attributes.configuration) || {});
     this.listenTo(this.configuration, 'change', function () {
       this.trigger('change');
       this.parent.save();
     });
+  },
+  // Pageflow Scrolled only synchronizes saved records to entry state.
+  isNew: function isNew() {
+    return false;
   }
 });
 
@@ -2380,7 +2435,7 @@ var StorylineOrdering = function StorylineOrdering(storylines, pages) {
   };
 
   function visit(storylines, offset, level) {
-    return _$1(storylines).reduce(function (position, storyline, index) {
+    return _(storylines).reduce(function (position, storyline, index) {
       storyline.set('position', position);
       storyline.set('level', level);
       return visit(children(storyline), position + 1, level + 1);
@@ -2396,7 +2451,7 @@ var StorylineOrdering = function StorylineOrdering(storylines, pages) {
   }
 
   function prepare() {
-    storylinesByParent = _$1(groupStorylinesByParentStoryline()).reduce(function (result, storylines, key) {
+    storylinesByParent = _(groupStorylinesByParentStoryline()).reduce(function (result, storylines, key) {
       result[key] = storylines.sort(compareStorylines);
       return result;
     }, {});
@@ -2464,7 +2519,7 @@ var PageConfigurationFileSelectionHandler = function PageConfigurationFileSelect
     return '/pages/' + page.id + '/' + (options.returnToTab || 'files');
   };
 };
-editor$1.registerFileSelectionHandler('pageConfiguration', PageConfigurationFileSelectionHandler);
+editor.registerFileSelectionHandler('pageConfiguration', PageConfigurationFileSelectionHandler);
 
 var ImageFile = ReusableFile.extend({
   stages: [{
@@ -2495,7 +2550,7 @@ var EntryMetadataFileSelectionHandler = function EntryMetadataFileSelectionHandl
     return '/meta_data/' + (options.returnToTab || 'general');
   };
 };
-editor$1.registerFileSelectionHandler('entryMetadata', EntryMetadataFileSelectionHandler);
+editor.registerFileSelectionHandler('entryMetadata', EntryMetadataFileSelectionHandler);
 
 var EntryPublication = Backbone.Model.extend({
   paramRoot: 'entry_publication',
@@ -2542,121 +2597,6 @@ var ChapterScaffold = Scaffold.extend({
   }
 });
 
-// https://github.com/jashkenas/backbone/issues/2601
-
-function BaseObject(options) {
-  this.initialize.apply(this, arguments);
-}
-
-_$1.extend(BaseObject.prototype, Backbone.Events, {
-  initialize: function initialize(options) {}
-}); // The self-propagating extend function that Backbone classes use.
-
-
-BaseObject.extend = Backbone.Model.extend;
-
-var EntryData = BaseObject.extend({
-  getThemingOption: function getThemingOption(name) {
-    throw 'Not implemented';
-  },
-  getFile: function getFile(collectionName, id) {
-    throw 'Not implemented';
-  },
-  getPageConfiguration: function getPageConfiguration(permaId) {
-    throw 'Not implemented';
-  },
-  getPagePosition: function getPagePosition(permaId) {
-    throw 'Not implemented';
-  },
-  getChapterConfiguration: function getChapterConfiguration(id) {
-    throw 'Not implemented';
-  },
-  getStorylineConfiguration: function getStorylineConfiguration(id) {
-    throw 'Not implemented';
-  },
-  getChapterIdByPagePermaId: function getChapterIdByPagePermaId(permaId) {
-    throw 'Not implemented';
-  },
-  getStorylineIdByChapterId: function getStorylineIdByChapterId(permaId) {
-    throw 'Not implemented';
-  },
-  getChapterPagePermaIds: function getChapterPagePermaIds(id) {
-    throw 'Not implemented';
-  },
-  getParentPagePermaIdByPagePermaId: function getParentPagePermaIdByPagePermaId(permaId) {
-    var storylineId = this.getStorylineIdByPagePermaId(permaId);
-    return this.getParentPagePermaId(storylineId);
-  },
-  getStorylineIdByPagePermaId: function getStorylineIdByPagePermaId(permaId) {
-    var chapterId = this.getChapterIdByPagePermaId(permaId);
-    return this.getStorylineIdByChapterId(chapterId);
-  },
-  getParentStorylineId: function getParentStorylineId(storylineId) {
-    var parentPagePermaId = this.getParentPagePermaId(storylineId);
-    return parentPagePermaId && this.getStorylineIdByPagePermaId(parentPagePermaId);
-  },
-  getParentChapterId: function getParentChapterId(chapterId) {
-    var storylineId = this.getStorylineIdByChapterId(chapterId);
-    var pagePermaId = this.getParentPagePermaId(storylineId);
-    return pagePermaId && this.getChapterIdByPagePermaId(pagePermaId);
-  },
-  getParentPagePermaId: function getParentPagePermaId(storylineId) {
-    return this.getStorylineConfiguration(storylineId).parent_page_perma_id;
-  },
-  getStorylineLevel: function getStorylineLevel(storylineId) {
-    var parentStorylineId = this.getParentStorylineId(storylineId);
-
-    if (parentStorylineId) {
-      return this.getStorylineLevel(parentStorylineId) + 1;
-    } else {
-      return 0;
-    }
-  }
-});
-
-var PreviewEntryData = EntryData.extend({
-  initialize: function initialize(options) {
-    this.entry = options.entry;
-    this.storylines = options.storylines;
-    this.chapters = options.chapters;
-    this.pages = options.pages;
-  },
-  getThemingOption: function getThemingOption(name) {
-    return this.entry.getTheme().get(name);
-  },
-  getFile: function getFile(collectionName, permaId) {
-    var file = this.entry.getFileCollection(collectionName).getByPermaId(permaId);
-    return file && file.attributes;
-  },
-  getStorylineConfiguration: function getStorylineConfiguration(id) {
-    var storyline = this.storylines.get(id);
-    return storyline ? storyline.configuration.attributes : {};
-  },
-  getChapterConfiguration: function getChapterConfiguration(id) {
-    var chapter = this.chapters.get(id);
-    return chapter ? chapter.configuration.attributes : {};
-  },
-  getChapterPagePermaIds: function getChapterPagePermaIds(id) {
-    var chapter = this.chapters.get(id);
-    return chapter ? chapter.pages.pluck('perma_id') : [];
-  },
-  getStorylineIdByChapterId: function getStorylineIdByChapterId(id) {
-    var chapter = this.chapters.get(id);
-    return chapter && chapter.get('storyline_id');
-  },
-  getChapterIdByPagePermaId: function getChapterIdByPagePermaId(permaId) {
-    var page = this.pages.getByPermaId(permaId);
-    return page && page.get('chapter_id');
-  },
-  getPageConfiguration: function getPageConfiguration(permaId) {
-    var page = this.pages.getByPermaId(permaId);
-    return page ? page.configuration.attributes : {};
-  },
-  getPagePosition: function getPagePosition(permaId) {
-    return this.pages.indexOf(this.pages.getByPermaId(permaId));
-  }
-});
-
 var EditLockContainer = Backbone.Model.extend({
   initialize: function initialize() {
     this.storageKey = 'pageflow.edit_lock.' + state.entry.id;
@@ -2680,7 +2620,7 @@ var EditLockContainer = Backbone.Model.extend({
   },
   startPolling: function startPolling() {
     if (!this.pollingInteval) {
-      this.pollingInteval = setInterval(_$1.bind(function () {
+      this.pollingInteval = setInterval(_.bind(function () {
         this.acquire({
           polling: true
         });
@@ -2824,7 +2764,7 @@ var FileUploader = Object$1.extend({
   },
   add: function add(upload, options) {
     options = options || {};
-    var editor = options.editor || editor$1;
+    var editor$1 = options.editor || editor;
     var fileType = this.fileTypes.findByUpload(upload);
     var file = new fileType.model({
       state: 'uploadable',
@@ -2834,12 +2774,12 @@ var FileUploader = Object$1.extend({
     }, {
       fileType: fileType
     });
-    var setTargetFile = editor.nextUploadTargetFile;
+    var setTargetFile = editor$1.nextUploadTargetFile;
 
     if (setTargetFile) {
       if (fileType.topLevelType || !setTargetFile.fileType().nestedFileTypes.contains(fileType)) {
         throw new InvalidNestedTypeError(upload, {
-          editor: editor,
+          editor: editor$1,
           fileType: fileType
         });
       }
@@ -2876,12 +2816,12 @@ var FileUploader = Object$1.extend({
     });
   },
   submit: function submit() {
-    _$1(this.deferreds).invoke('resolve');
+    _(this.deferreds).invoke('resolve');
 
     this.deferreds = [];
   },
   abort: function abort() {
-    _$1(this.deferreds).invoke('reject');
+    _(this.deferreds).invoke('reject');
 
     this.deferreds = [];
   }
@@ -2919,7 +2859,7 @@ var orderedCollection = {
         parentModel.trigger('sync:order', parentModel, response, {});
       },
       error: function error(jqXHR, textStatus, errorThrown) {
-        editor$1.failures.add(new OrderingFailure(parentModel, collection));
+        editor.failures.add(new OrderingFailure(parentModel, collection));
       }
     });
   }
@@ -2945,7 +2885,7 @@ var ChapterPagesCollection = SubsetCollection.extend({
     this.listenTo(this, 'add', function (model) {
       model.chapter = chapter;
       model.set('chapter_id', chapter.id);
-      editor$1.trigger('add:page', model);
+      editor.trigger('add:page', model);
     });
     this.listenTo(this, 'remove', function (model) {
       model.chapter = null;
@@ -2992,10 +2932,10 @@ var Chapter = Backbone.Model.extend({
       chapter_id: this.id,
       position: this.pages.length
     };
-    return this.pages.addAndReturnModel(_$1.extend(defaults, attributes));
+    return this.pages.addAndReturnModel(_.extend(defaults, attributes));
   },
   toJSON: function toJSON() {
-    return _$1.extend(_$1.clone(this.attributes), {
+    return _.extend(_.clone(this.attributes), {
       configuration: this.configuration.toJSON()
     });
   },
@@ -3024,7 +2964,7 @@ var StorylineChaptersCollection = SubsetCollection.extend({
     this.listenTo(this, 'add', function (model) {
       model.storyline = storyline;
       model.set('storyline_id', storyline.id);
-      editor$1.trigger('add:chapter', model);
+      editor.trigger('add:chapter', model);
     });
     this.listenTo(this, 'remove', function (model) {
       model.storyline = null;
@@ -3058,7 +2998,7 @@ var Storyline = Backbone.Model.extend({
     return this.isNew() ? this.collection.url() : '/storylines';
   },
   displayTitle: function displayTitle() {
-    return _$1([this.title() || !this.isMain() && I18n$1.t('pageflow.storylines.untitled'), this.isMain() && I18n$1.t('pageflow.storylines.main')]).compact().join(' - ');
+    return _([this.title() || !this.isMain() && I18n$1.t('pageflow.storylines.untitled'), this.isMain() && I18n$1.t('pageflow.storylines.main')]).compact().join(' - ');
   },
   title: function title() {
     return this.configuration.get('title');
@@ -3092,7 +3032,7 @@ var Storyline = Backbone.Model.extend({
       title: '',
       position: this.chapters.length
     };
-    return this.chapters.addAndReturnModel(_$1.extend(defaults, attributes));
+    return this.chapters.addAndReturnModel(_.extend(defaults, attributes));
   },
   scaffoldChapter: function scaffoldChapter(options) {
     var scaffold = new ChapterScaffold(this, options);
@@ -3125,7 +3065,7 @@ var PageLink = Backbone.Model.extend({
     return this.collection.page.id;
   },
   toSerializedJSON: function toSerializedJSON() {
-    return _$1.omit(this.attributes, 'highlighted', 'position');
+    return _.omit(this.attributes, 'highlighted', 'position');
   },
   highlight: function highlight() {
     this.set('highlighted', true);
@@ -3150,7 +3090,7 @@ var PageLinkFileSelectionHandler = function PageLinkFileSelectionHandler(options
     return '/page_links/' + pageLink.id;
   };
 };
-editor$1.registerFileSelectionHandler('pageLink', PageLinkFileSelectionHandler);
+editor.registerFileSelectionHandler('pageLink', PageLinkFileSelectionHandler);
 
 /**
  * Mixins for models with a nested configuration model.
@@ -3194,14 +3134,14 @@ function configurationContainer() {
     initialize: function initialize() {
       this.configuration = new configurationModel(this.get('configuration'));
       this.configuration.parent = this;
-      this.listenTo(this.configuration, 'change', function () {
-        if (!this.isNew() && (!this.isDestroying || !this.isDestroying()) && (!this.isDestroyed || !this.isDestroyed()) && autoSave) {
+      this.listenTo(this.configuration, 'change', function (model, options) {
+        if (!this.isNew() && (!this.isDestroying || !this.isDestroying()) && (!this.isDestroyed || !this.isDestroyed()) && autoSave && options.autoSave !== false) {
           this.save();
         }
 
-        this.trigger('change:configuration', this);
+        this.trigger('change:configuration', this, undefined, options);
 
-        _$1.chain(this.configuration.changed).keys().each(function (name) {
+        _.chain(this.configuration.changed).keys().each(function (name) {
           this.trigger('change:configuration:' + name, this, this.configuration.get(name));
         }, this);
       });
@@ -3210,12 +3150,12 @@ function configurationContainer() {
       var attributes = {};
 
       if (includeAttributesInJSON === true) {
-        attributes = _$1.clone(this.attributes);
+        attributes = _.clone(this.attributes);
       } else if (includeAttributesInJSON) {
-        attributes = _$1.pick(this.attributes, includeAttributesInJSON);
+        attributes = _.pick(this.attributes, includeAttributesInJSON);
       }
 
-      return _$1.extend(attributes, {
+      return _.extend(attributes, {
         configuration: this.configuration.toJSON()
       });
     }
@@ -3265,7 +3205,7 @@ var filesCountWatcher = {
   },
   updateFilesCount: function updateFilesCount(trait, name, collection, filter) {
     this.set(trait + '_' + name + '_count', collection.filter(filter).length);
-    this.set(trait + '_files_count', _$1.reduce(this.watchedFileCollectionNames, function (sum, name) {
+    this.set(trait + '_files_count', _.reduce(this.watchedFileCollectionNames, function (sum, name) {
       return sum + this.get(trait + '_' + name + '_count');
     }, 0, this));
   }
@@ -3283,7 +3223,7 @@ var polling = {
   },
   startPolling: function startPolling() {
     if (!this.pollingInterval) {
-      this.pollingInterval = setInterval(_$1.bind(function () {
+      this.pollingInterval = setInterval(_.bind(function () {
         this.fetch();
       }, this), 1000);
     }
@@ -3318,7 +3258,7 @@ var Entry = Backbone.Model.extend({
     this.configuration = this.metadata;
     this.themes = options.themes || state.themes;
     this.files = options.files || state.files;
-    this.fileTypes = options.fileTypes || editor$1.fileTypes;
+    this.fileTypes = options.fileTypes || editor.fileTypes;
     this.storylines = options.storylines || state.storylines;
     this.storylines.parentModel = this;
     this.chapters = options.chapters || state.chapters;
@@ -3352,6 +3292,9 @@ var Entry = Backbone.Model.extend({
   getTheme: function getTheme() {
     return this.themes.findByName(this.metadata.get('theme_name'));
   },
+  supportsPhoneEmulation: function supportsPhoneEmulation() {
+    return true;
+  },
   addStoryline: function addStoryline(attributes) {
     var storyline = this.buildStoryline(attributes);
     storyline.save();
@@ -3361,7 +3304,7 @@ var Entry = Backbone.Model.extend({
     var defaults = {
       title: ''
     };
-    return this.storylines.addAndReturnModel(_$1.extend(defaults, attributes));
+    return this.storylines.addAndReturnModel(_.extend(defaults, attributes));
   },
   scaffoldStoryline: function scaffoldStoryline(options) {
     var scaffold = new StorylineScaffold(this, options);
@@ -3369,12 +3312,12 @@ var Entry = Backbone.Model.extend({
     return scaffold;
   },
   addChapterInNewStoryline: function addChapterInNewStoryline(options) {
-    return this.scaffoldStoryline(_$1.extend({
+    return this.scaffoldStoryline(_.extend({
       depth: 'chapter'
     }, options)).chapter;
   },
   addPageInNewStoryline: function addPageInNewStoryline(options) {
-    return this.scaffoldStoryline(_$1.extend({
+    return this.scaffoldStoryline(_.extend({
       depth: 'page'
     }, options)).page;
   },
@@ -3403,7 +3346,7 @@ var Entry = Backbone.Model.extend({
   },
   parse: function parse(response, options) {
     if (response) {
-      this.set(_$1.pick(response, 'published', 'published_until', 'password_protected'));
+      this.set(_.pick(response, 'published', 'published_until', 'password_protected'));
 
       this._setFiles(response, {
         add: false,
@@ -3421,12 +3364,12 @@ var Entry = Backbone.Model.extend({
       // the rights attribute.
 
       if (options.merge !== false) {
-        filesAttributes = _$1.map(filesAttributes, function (fileAttributes) {
-          return _$1.omit(fileAttributes, 'rights');
+        filesAttributes = _.map(filesAttributes, function (fileAttributes) {
+          return _.omit(fileAttributes, 'rights');
         });
       }
 
-      this.getFileCollection(fileType).set(filesAttributes, _$1.extend({
+      this.getFileCollection(fileType).set(filesAttributes, _.extend({
         fileType: fileType
       }, options));
       delete response[fileType.collectionName];
@@ -3572,8 +3515,8 @@ var FileImport = Backbone.Model.extend({
 
             if (localFile) {
               state.files[collectionName].remove(localFile);
-              var fileType = editor$1.fileTypes.findByUpload(file);
-              var file = new fileType.model(file, {
+              var fileType = editor.fileTypes.findByUpload(file);
+              file = new fileType.model(file, {
                 fileType: fileType
               });
               currentEntry.getFileCollection(fileType).add(file);
@@ -3617,6 +3560,7 @@ var ForeignKeySubsetCollection = SubsetCollection.extend({
   constructor: function constructor(options) {
     var parent = options.parent;
     var parentModel = options.parentModel;
+    this.autoConsolidatePositions = options.autoConsolidatePositions;
     SubsetCollection.prototype.constructor.call(this, {
       parent: parent,
       parentModel: parentModel,
@@ -3634,7 +3578,8 @@ var ForeignKeySubsetCollection = SubsetCollection.extend({
 
       model.set(options.foreignKeyAttribute, parentModel.id);
     });
-    this.listenTo(parentModel, 'destroy', function () {
+    this.listenTo(parentModel, 'destroy dependentDestroy', function () {
+      this.invoke('trigger', 'dependentDestroy');
       this.clear();
     });
 
@@ -3690,7 +3635,7 @@ var PageLinksCollection = Backbone.Collection.extend({
     }));
   },
   defaultPosition: function defaultPosition() {
-    return Math.max(0, _$1.max(this.map(function (pageLink) {
+    return Math.max(0, _.max(this.map(function (pageLink) {
       return pageLink.get('position');
     }))) + 1;
   },
@@ -3707,7 +3652,7 @@ var PageLinksCollection = Backbone.Collection.extend({
 
   /** @private */
   getUniqueId: function getUniqueId() {
-    var maxId = Math.max(0, _$1.max(this.map(function (pageLink) {
+    var maxId = Math.max(0, _.max(this.map(function (pageLink) {
       return parseInt(pageLink.id.split(':').pop(), 10);
     })));
     return this.configuration.page.get('perma_id') + ':' + (maxId + 1);
@@ -3725,7 +3670,7 @@ var OtherEntriesCollection = Backbone.Collection.extend({
   // of the "other" entries, after all.
   parse: function parse(response) {
     var excludeEntry = this.getExcludeEntry(),
-        filteredResponse = _$1.filter(response, function (entry) {
+        filteredResponse = _.filter(response, function (entry) {
       return entry.id != excludeEntry.id;
     });
 
@@ -3806,7 +3751,7 @@ var PagesCollection = Backbone.Collection.extend({
         }
       });
       this.listenTo(this, 'change:id', function (model) {
-        setTimeout(_$1.bind(function () {
+        setTimeout(_.bind(function () {
           this._persisted.add(model);
         }, this), 0);
       });
@@ -3843,7 +3788,7 @@ var WidgetsCollection = Backbone.Collection.extend({
   },
   batchSave: function batchSave(options) {
     var subject = this.subject;
-    return Backbone.sync('patch', subject, _$1.extend(options || {}, {
+    return Backbone.sync('patch', subject, _.extend(options || {}, {
       url: this.url() + '/batch',
       attrs: {
         widgets: this.map(function (widget) {
@@ -3870,11 +3815,6 @@ Cocktail.mixin(Backbone.Collection, addAndReturnModel);
 
 var SidebarRouter = Marionette.AppRouter.extend({
   appRoutes: {
-    'page_links/:id': 'pageLink',
-    'pages/:id': 'page',
-    'pages/:id/:tab': 'page',
-    'chapters/:id': 'chapter',
-    'storylines/:id': 'storyline',
     'widgets/:id': 'widget',
     'files/:collectionName?handler=:handler&payload=:payload&filter=:filter': 'files',
     'files/:collectionName?handler=:handler&payload=:payload': 'files',
@@ -3912,7 +3852,7 @@ var BackButtonDecoratorView = Marionette.Layout.extend({
   },
   goBack: function goBack() {
     this.options.view.onGoBack && this.options.view.onGoBack();
-    editor$1.navigate('/', {
+    editor.navigate('/', {
       trigger: true
     });
   }
@@ -4073,7 +4013,7 @@ function modelLifecycleTrackingView(_ref) {
   var classNames = _ref.classNames;
   return {
     events: _defineProperty({}, "click .".concat(classNames.retryButton), function click() {
-      editor$1.failures.retry();
+      editor.failures.retry();
       return false;
     }),
     initialize: function initialize() {
@@ -4133,63 +4073,6 @@ var failureIndicatingView = modelLifecycleTrackingView({
 
 function template$6(data) {
 var __t, __p = '';
-__p += '<a class="back">' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_chapter.outline') )) == null ? '' : __t) +
-'</a>\n<a class="destroy">' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_chapter.destroy') )) == null ? '' : __t) +
-'</a>\n\n<div class="failure">\n  <p>' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_chapter.save_error') )) == null ? '' : __t) +
-'</p>\n  <p class="message"></p>\n  <a class="retry" href="">' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_chapter.retry') )) == null ? '' : __t) +
-'</a>\n</div>\n\n<div class="form_container"></div>';
-return __p
-}
-
-var EditChapterView = Marionette.Layout.extend({
-  template: template$6,
-  className: 'edit_chapter',
-  mixins: [failureIndicatingView],
-  regions: {
-    formContainer: '.form_container'
-  },
-  events: {
-    'click a.back': 'goBack',
-    'click a.destroy': 'destroy'
-  },
-  onRender: function onRender() {
-    var configurationEditor = new ConfigurationEditorView({
-      model: this.model.configuration
-    });
-    this.configure(configurationEditor);
-    this.formContainer.show(configurationEditor);
-  },
-  configure: function configure(configurationEditor) {
-    var view = this;
-    configurationEditor.tab('general', function () {
-      this.input('title', TextInputView, {
-        model: view.model
-      });
-
-      if (pageflow.features.isEnabled('chapter_hierachy')) {
-        this.input('display_parent_page_button', CheckBoxInputView);
-      }
-    });
-  },
-  destroy: function destroy() {
-    if (confirm(I18n$1.t('pageflow.editor.views.edit_chapter_view.confirm_destroy'))) {
-      this.model.destroy();
-      this.goBack();
-    }
-  },
-  goBack: function goBack() {
-    editor$1.navigate('/', {
-      trigger: true
-    });
-  }
-});
-
-function template$7(data) {
-var __t, __p = '';
 __p += '<a class="close" href="#">' +
 ((__t = ( I18n.t('pageflow.editor.templates.edit_entry.close') )) == null ? '' : __t) +
 '</a>\n<a class="publish" href="#" data-tooltip-align="bottom right">\n  ' +
@@ -4205,7 +4088,7 @@ return __p
 }
 
 var EditEntryView = Marionette.Layout.extend({
-  template: template$7,
+  template: template$6,
   mixins: [failureIndicatingView, tooltipContainer],
   ui: {
     publishButton: 'a.publish',
@@ -4223,7 +4106,7 @@ var EditEntryView = Marionette.Layout.extend({
     },
     'click a.publish': function clickAPublish() {
       if (!this.ui.publishButton.hasClass('disabled')) {
-        editor$1.navigate('/publish', {
+        editor.navigate('/publish', {
           trigger: true
         });
       }
@@ -4231,7 +4114,7 @@ var EditEntryView = Marionette.Layout.extend({
       return false;
     },
     'click .menu a': function clickMenuA(event) {
-      editor$1.navigate($(event.target).data('path'), {
+      editor.navigate($(event.target).data('path'), {
         trigger: true
       });
       return false;
@@ -4242,7 +4125,7 @@ var EditEntryView = Marionette.Layout.extend({
 
     this._updatePublishButton();
 
-    this.outlineRegion.show(new editor$1.entryType.outlineView({
+    this.outlineRegion.show(new editor.entryType.outlineView({
       entry: state.entry,
       navigatable: true,
       editable: true,
@@ -4264,7 +4147,7 @@ var EditEntryView = Marionette.Layout.extend({
   _addMenuItems: function _addMenuItems() {
     var view = this;
 
-    _$1.each(editor$1.mainMenuItems, function (options) {
+    _.each(editor.mainMenuItems, function (options) {
       var item = $('<li><a href="#"></a></li>');
       var link = item.find('a');
 
@@ -4283,7 +4166,7 @@ var EditEntryView = Marionette.Layout.extend({
   }
 });
 
-function template$8(data) {
+function template$7(data) {
 var __t, __p = '';
 __p += '<div class="widget_type">\n</div>\n<a class="settings" title="' +
 ((__t = ( I18n.t('pageflow.editor.templates.widget_item.settings') )) == null ? '' : __t) +
@@ -4292,7 +4175,7 @@ return __p
 }
 
 var WidgetItemView = Marionette.Layout.extend({
-  template: template$8,
+  template: template$7,
   tagName: 'li',
   className: 'widget_item',
   regions: {
@@ -4306,7 +4189,7 @@ var WidgetItemView = Marionette.Layout.extend({
   },
   events: {
     'click .settings': function clickSettings() {
-      editor$1.navigate('/widgets/' + this.model.role(), {
+      editor.navigate('/widgets/' + this.model.role(), {
         trigger: true
       });
       return false;
@@ -4332,14 +4215,14 @@ var WidgetItemView = Marionette.Layout.extend({
   }
 });
 
-function template$9(data) {
+function template$8(data) {
 var __p = '';
 __p += '<ol class="widgets">\n</ol>\n';
 return __p
 }
 
 var EditWidgetsView = Marionette.Layout.extend({
-  template: template$9,
+  template: template$8,
   ui: {
     widgets: '.widgets'
   },
@@ -4355,14 +4238,14 @@ var EditWidgetsView = Marionette.Layout.extend({
   }
 });
 
-function template$a(data) {
+function template$9(data) {
 var __p = '';
 __p += '<div class="image"></div>\n<div class="label"></div>\n';
 return __p
 }
 
 var BackgroundPositioningPreviewView = Marionette.ItemView.extend({
-  template: template$a,
+  template: template$9,
   className: 'preview',
   modelEvents: {
     change: 'update'
@@ -4393,14 +4276,14 @@ var BackgroundPositioningPreviewView = Marionette.ItemView.extend({
   }
 });
 
-function template$b(data) {
+function template$a(data) {
 var __p = '';
 __p += '<div class="container">\n  <div class="slider horizontal">\n  </div>\n  <div class="slider vertical">\n  </div>\n  <div class="percent horizontal">\n    <input type="number" min="0" max="100">\n    %\n  </div>\n  <div class="percent vertical">\n    <input type="number" min="0" max="100">\n    %\n  </div>\n</div>\n';
 return __p
 }
 
 var BackgroundPositioningSlidersView = Marionette.ItemView.extend({
-  template: template$b,
+  template: template$a,
   className: '',
   ui: {
     container: '.container',
@@ -4481,7 +4364,7 @@ var BackgroundPositioningSlidersView = Marionette.ItemView.extend({
   }
 });
 
-function template$c(data) {
+function template$b(data) {
 var __t, __p = '';
 __p += '<div class="box">\n  <h2>' +
 ((__t = ( I18n.t('pageflow.editor.templates.background_positioning.title') )) == null ? '' : __t) +
@@ -4498,7 +4381,7 @@ return __p
 }
 
 var BackgroundPositioningView = Marionette.ItemView.extend({
-  template: template$c,
+  template: template$b,
   className: 'background_positioning dialog',
   mixins: [dialogView],
   ui: {
@@ -4535,7 +4418,7 @@ var BackgroundPositioningView = Marionette.ItemView.extend({
   createPreviews: function createPreviews() {
     var view = this;
 
-    _$1.each(view.previews, function (ratio, name) {
+    _.each(view.previews, function (ratio, name) {
       view.ui.previews.append(view.subview(new BackgroundPositioningPreviewView({
         model: view.transientModel,
         propertyName: view.options.propertyName,
@@ -4552,14 +4435,14 @@ BackgroundPositioningView.open = function (options) {
   app.dialogRegion.show(new BackgroundPositioningView(options));
 };
 
-function template$d(data) {
+function template$c(data) {
 var __p = '';
 __p += '<div class="label"></div>\n<a href="#"></a>\n';
 return __p
 }
 
 var DropDownButtonItemView = Marionette.ItemView.extend({
-  template: template$d,
+  template: template$c,
   tagName: 'li',
   className: 'drop_down_button_item',
   ui: {
@@ -4609,7 +4492,7 @@ var DropDownButtonItemListView = function DropDownButtonItemListView(options) {
   });
 };
 
-function template$e(data) {
+function template$d(data) {
 var __p = '';
 __p += '<button></button>\n\n<div class="drop_down_button_menu">\n</div>\n';
 return __p
@@ -4644,7 +4527,7 @@ return __p
  */
 
 var DropDownButtonView = Marionette.ItemView.extend({
-  template: template$e,
+  template: template$d,
   className: 'drop_down_button',
   ui: {
     button: '> button',
@@ -4707,11 +4590,11 @@ var DropDownButtonView = Marionette.ItemView.extend({
     }
   },
   scheduleHideMenu: function scheduleHideMenu() {
-    this.hideMenuTimeout = setTimeout(_$1.bind(this.hideMenu, this), 300);
+    this.hideMenuTimeout = setTimeout(_.bind(this.hideMenu, this), 300);
   }
 });
 
-function template$f(data) {
+function template$e(data) {
 var __p = '';
 __p += '<div class="pictogram"></div>\n';
 return __p
@@ -4719,7 +4602,7 @@ return __p
 
 var FileThumbnailView = Marionette.ItemView.extend({
   className: 'file_thumbnail',
-  template: template$f,
+  template: template$e,
   modelEvents: {
     'change:state': 'update'
   },
@@ -4762,7 +4645,7 @@ var FileThumbnailView = Marionette.ItemView.extend({
   }
 });
 
-function template$g(data) {
+function template$f(data) {
 var __t, __p = '';
 __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<div class="file_thumbnail"></div>\n<div class="file_name"></div>\n\n<a href="" class="unset" title="' +
 ((__t = ( I18n.t('pageflow.ui.templates.inputs.file_input.reset') )) == null ? '' : __t) +
@@ -4780,7 +4663,7 @@ return __p
 
 var FileInputView = Marionette.ItemView.extend({
   mixins: [inputView],
-  template: template$g,
+  template: template$f,
   className: 'file_input',
   ui: {
     fileName: '.file_name',
@@ -4788,10 +4671,10 @@ var FileInputView = Marionette.ItemView.extend({
   },
   events: {
     'click .choose': function clickChoose() {
-      editor$1.selectFile({
+      editor.selectFile({
         name: this.options.collection.name,
         filter: this.options.filter
-      }, this.options.fileSelectionHandler || 'pageConfiguration', _$1.extend({
+      }, this.options.fileSelectionHandler || 'pageConfiguration', _.extend({
         id: this.model.getRoutableId ? this.model.getRoutableId() : this.model.id,
         attributeName: this.options.propertyName,
         returnToTab: this.options.parentTab
@@ -4804,13 +4687,13 @@ var FileInputView = Marionette.ItemView.extend({
     }
   },
   initialize: function initialize() {
-    this.options = _$1.extend({
+    this.options = _.extend({
       positioning: true,
       textTrackFiles: state.textTrackFiles
     }, this.options);
 
     if (typeof this.options.collection === 'string') {
-      this.options.collection = state.entry.getFileCollection(editor$1.fileTypes.findByCollectionName(this.options.collection));
+      this.options.collection = state.entry.getFileCollection(editor.fileTypes.findByCollectionName(this.options.collection));
     }
 
     this.textTrackMenuItems = new Backbone.Collection();
@@ -4840,6 +4723,8 @@ var FileInputView = Marionette.ItemView.extend({
     }));
   },
   _dropDownMenuItems: function _dropDownMenuItems() {
+    var _this = this;
+
     var file = this._getFile(file);
 
     var items = new Backbone.Collection();
@@ -4864,6 +4749,18 @@ var FileInputView = Marionette.ItemView.extend({
     }
 
     if (file) {
+      _.each(this.options.dropDownMenuItems, function (item) {
+        items.add(new FileInputView.CustomMenuItem({
+          name: item.name,
+          label: item.label
+        }, {
+          inputModel: _this.model,
+          propertyName: _this.options.propertyName,
+          file: file,
+          selected: item.selected
+        }));
+      });
+
       items.add(new FileInputView.EditFileSettingsMenuItem({
         name: 'edit_file_settings',
         label: I18n$1.t('pageflow.editor.views.inputs.file_input.edit_file_settings')
@@ -4914,6 +4811,18 @@ FileInputView.EditBackgroundPositioningMenuItem = Backbone.Model.extend({
     });
   }
 });
+FileInputView.CustomMenuItem = Backbone.Model.extend({
+  initialize: function initialize(attributes, options) {
+    this.options = options;
+  },
+  selected: function selected() {
+    this.options.selected({
+      inputModel: this.options.inputModel,
+      propertyName: this.options.propertyName,
+      file: this.options.file
+    });
+  }
+});
 FileInputView.EditFileSettingsMenuItem = Backbone.Model.extend({
   initialize: function initialize(attributes, options) {
     this.options = options;
@@ -4952,14 +4861,14 @@ FileInputView.DefaultTextTrackFileMenuItem = Backbone.Model.extend({
   }
 });
 
-function template$h(data) {
+function template$g(data) {
 var __p = '';
 __p += '<div class="spinner">\n  <div class="rect1"></div>\n  <div class="rect2"></div>\n  <div class="rect3"></div>\n  <div class="rect4"></div>\n  <div class="rect5"></div>\n</div>\n';
 return __p
 }
 
 var LoadingView = Marionette.ItemView.extend({
-  template: template$h,
+  template: template$g,
   className: 'loading',
   tagName: 'li'
 });
@@ -4982,7 +4891,7 @@ var selectableView = {
   }
 };
 
-function template$i(data) {
+function template$h(data) {
 var __t, __p = '';
 __p += '<span class="theme_name"></span>\n<span class="button_or_checkmark">\n  <p class="theme_in_use"></p>\n  <a class="use_theme">' +
 ((__t = ( I18n.t('pageflow.editor.templates.theme.use') )) == null ? '' : __t) +
@@ -4992,7 +4901,7 @@ return __p
 
 var ThemeItemView = Marionette.ItemView.extend({
   tagName: 'li',
-  template: template$i,
+  template: template$h,
   className: 'theme_item',
   mixins: [selectableView],
   selectionAttribute: 'theme',
@@ -5023,7 +4932,7 @@ var ThemeItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$j(data) {
+function template$i(data) {
 var __t, __p = '';
 __p += '<div class="box">\n  <div class="content">\n    <div>\n      <h2 class="themes_header">' +
 ((__t = ( I18n.t('pageflow.editor.templates.change_theme_dialog.header') )) == null ? '' : __t) +
@@ -5038,7 +4947,7 @@ return __p
 }
 
 var ChangeThemeDialogView = Marionette.ItemView.extend({
-  template: template$j,
+  template: template$i,
   className: 'change_theme dialog editor',
   mixins: [dialogView],
   ui: {
@@ -5107,14 +5016,14 @@ ChangeThemeDialogView.changeTheme = function (options) {
   }).promise();
 };
 
-function template$k(data) {
+function template$j(data) {
 var __p = '';
 __p += '\n';
 return __p
 }
 
 var StaticThumbnailView = Marionette.ItemView.extend({
-  template: template$k,
+  template: template$j,
   className: 'static_thumbnail',
   modelEvents: {
     'change:configuration': 'update'
@@ -5147,7 +5056,7 @@ var ModelThumbnailView = Marionette.View.extend({
   },
   update: function update() {
     if (this.model) {
-      if (_$1.isFunction(this.model.thumbnailFile)) {
+      if (_.isFunction(this.model.thumbnailFile)) {
         var file = this.model && this.model.thumbnailFile();
 
         if (this.thumbnailView && this.currentFileThumbnail == file) {
@@ -5178,7 +5087,7 @@ var ModelThumbnailView = Marionette.View.extend({
   }
 });
 
-function template$l(data) {
+function template$k(data) {
 var __p = '';
 __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<div class="title"></div>\n<button class="unset"></button>\n<button class="choose"></button>\n';
 return __p
@@ -5194,7 +5103,7 @@ var ReferenceInputView = Marionette.ItemView.extend(
 /** @lends ReferenceInputView.prototype */
 {
   mixins: [inputView],
-  template: template$l,
+  template: template$k,
   className: 'reference_input',
   ui: {
     title: '.title',
@@ -5293,7 +5202,7 @@ var ThemeInputView = ReferenceInputView.extend({
   }
 });
 
-function template$m(data) {
+function template$l(data) {
 var __t, __p = '';
 __p += '<a class="back">' +
 ((__t = ( I18n.t('pageflow.editor.templates.edit_meta_data.outline') )) == null ? '' : __t) +
@@ -5306,7 +5215,7 @@ return __p
 }
 
 var EditMetaDataView = Marionette.Layout.extend({
-  template: template$m,
+  template: template$l,
   className: 'edit_meta_data',
   mixins: [failureIndicatingView],
   regions: {
@@ -5332,7 +5241,7 @@ var EditMetaDataView = Marionette.Layout.extend({
       });
       this.input('locale', SelectInputView, {
         values: state.config.availablePublicLocales,
-        texts: _$1.map(state.config.availablePublicLocales, function (locale) {
+        texts: _.map(state.config.availablePublicLocales, function (locale) {
           return I18n$1.t('pageflow.public._language', {
             locale: locale
           });
@@ -5400,298 +5309,67 @@ var EditMetaDataView = Marionette.Layout.extend({
     this.formContainer.show(configurationEditor);
   },
   goBack: function goBack() {
-    editor.navigate('/', {
+    this.options.editor.navigate('/', {
       trigger: true
     });
   }
 });
 
-function template$n(data) {
+function template$m(data) {
 var __t, __p = '';
 __p += '<a class="back">' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_page_link.back') )) == null ? '' : __t) +
-'</a>\n<a class="destroy">' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_page_link.destroy') )) == null ? '' : __t) +
-'</a>\n<div class="form_container"></div>\n';
+((__t = ( I18n.t('pageflow.editor.templates.edit_widget.back') )) == null ? '' : __t) +
+'</a>\n';
 return __p
 }
 
-var EditPageLinkView = Marionette.Layout.extend({
-  template: template$n,
-  regions: {
-    formContainer: '.form_container'
-  },
-  ui: {
-    backButton: 'a.back'
-  },
+var EditWidgetView = Marionette.ItemView.extend({
+  template: template$m,
+  className: 'edit_widget',
   events: {
-    'click a.back': 'goBack',
-    'click a.destroy': 'destroy'
-  },
-  onRender: function onRender() {
-    var pageType = this.options.api.pageTypes.findByPage(this.options.page);
-    var configurationEditor = pageType.createPageLinkConfigurationEditorView({
-      model: this.model,
-      page: this.options.page
-    });
-    this.formContainer.show(configurationEditor);
-    this.highlight();
+    'click a.back': function clickABack() {
+      editor.navigate('/meta_data/widgets', {
+        trigger: true
+      });
+    }
   },
-  highlight: function highlight() {
-    this.model.highlight();
-    this.listenTo(this, 'close', function () {
-      this.model.resetHighlight();
-    });
+  initialize: function initialize() {
+    this.model.set('editing', true);
   },
-  destroy: function destroy() {
-    if (confirm(I18n$1.t('pageflow.internal_links.editor.views.edit_page_link_view.confirm_destroy'))) {
-      this.model.remove();
-      this.goBack();
-    }
+  onClose: function onClose() {
+    Marionette.ItemView.prototype.onClose.call(this);
+    this.model.set('editing', false);
   },
-  goBack: function goBack() {
-    editor$1.navigate('/pages/' + this.options.page.id + '/links', {
-      trigger: true
+  onRender: function onRender() {
+    var configurationEditor = this.model.widgetType().createConfigurationEditorView({
+      model: this.model.configuration,
+      tab: this.options.tab
     });
+    this.appendSubview(configurationEditor);
   }
 });
 
-function template$o(data) {
-var __t, __p = '';
-__p += '<a class="back">' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_page.outline') )) == null ? '' : __t) +
-'</a>\n<a class="destroy">' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_page.destroy') )) == null ? '' : __t) +
-'</a>\n\n<div class="failure">\n  <p>' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_page.save_error') )) == null ? '' : __t) +
-'</p>\n  <p class="message"></p>\n  <a class="retry" href="">' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_page.retry') )) == null ? '' : __t) +
-'</a>\n</div>\n\n<div class="page_type"></div>\n\n<div class="configuration_container"></div>';
+var loadable = modelLifecycleTrackingView({
+  classNames: {
+    creating: 'creating',
+    destroying: 'destroying'
+  }
+});
+
+function template$n(data) {
+var __p = '';
+__p += '<span class="file_thumbnail"></span>\n\n<span class="file_name"></span>\n';
 return __p
 }
 
-var EditPageView = Marionette.Layout.extend({
-  template: template$o,
-  className: 'edit_page',
-  mixins: [failureIndicatingView],
-  regions: {
-    pageTypeContainer: '.page_type',
-    configurationContainer: '.configuration_container'
-  },
-  events: {
-    'click a.back': 'goBack',
-    'click a.destroy': 'destroy'
-  },
-  modelEvents: {
-    'change:template': 'load'
-  },
-  onRender: function onRender() {
-    var _this = this;
-
-    this.pageTypeContainer.show(new ExtendedSelectInputView({
-      model: this.model,
-      propertyName: 'template',
-      collection: this.options.api.pageTypes.pluck('seed'),
-      valueProperty: 'name',
-      translationKeyProperty: 'translation_key',
-      groupTranslationKeyProperty: 'category_translation_key',
-      descriptionTranslationKeyProperty: 'description_translation_key',
-      pictogramClass: 'type_pictogram',
-      helpLinkClicked: function helpLinkClicked(value) {
-        var pageType = _this.options.api.pageTypes.findByName(value);
-
-        app.trigger('toggle-help', pageType.seed.help_entry_translation_key);
-      }
-    }));
-    this.load();
-    this.model.trigger('edit', this.model);
-  },
-  onShow: function onShow() {
-    this.configurationEditor.refreshScroller();
-  },
-  load: function load() {
-    this.configurationEditor = this.options.api.createPageConfigurationEditorView(this.model, {
-      tab: this.options.tab
-    });
-    this.configurationContainer.show(this.configurationEditor);
-  },
-  destroy: function destroy() {
-    if (confirm(I18n$1.t('pageflow.editor.views.edit_page_view.confirm_destroy'))) {
-      this.model.destroy();
-      this.goBack();
-    }
-  },
-  goBack: function goBack() {
-    editor$1.navigate('/', {
-      trigger: true
-    });
-  }
-});
-
-var PageLinkInputView = ReferenceInputView.extend({
-  choose: function choose() {
-    return editor$1.selectPage({
-      isAllowed: this.options.isAllowed
-    });
-  },
-  getTarget: function getTarget(permaId) {
-    return state.pages.getByPermaId(permaId);
-  }
-});
-
-function template$p(data) {
-var __t, __p = '';
-__p += '<a class="back">' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_storyline.outline') )) == null ? '' : __t) +
-'</a>\n<a class="destroy" data-tooltip-align="bottom right">\n  ' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_storyline.destroy') )) == null ? '' : __t) +
-'\n</a>\n\n<div class="failure">\n  <p>' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_storyline.save_error') )) == null ? '' : __t) +
-'</p>\n  <p class="message"></p>\n  <a class="retry" href="">' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_storyline.retry') )) == null ? '' : __t) +
-'</a>\n</div>\n\n<div class="form_container"></div>\n';
-return __p
-}
-
-var EditStorylineView = Marionette.Layout.extend({
-  template: template$p,
-  className: 'edit_storyline',
-  mixins: [failureIndicatingView, tooltipContainer],
-  regions: {
-    formContainer: '.form_container'
-  },
-  ui: {
-    destroyButton: 'a.destroy'
-  },
-  events: {
-    'click a.back': 'goBack',
-    'click a.destroy': 'destroy'
-  },
-  onRender: function onRender() {
-    var configurationEditor = new ConfigurationEditorView({
-      model: this.model.configuration,
-      attributeTranslationKeyPrefixes: ['pageflow.storyline_attributes']
-    });
-    this.configure(configurationEditor, this.model.transitiveChildPages());
-    this.formContainer.show(configurationEditor);
-    this.updateDestroyButton();
-  },
-  updateDestroyButton: function updateDestroyButton() {
-    var disabled = this.model.chapters.length > 0;
-    this.ui.destroyButton.toggleClass('disabled', disabled);
-
-    if (disabled) {
-      this.ui.destroyButton.attr('data-tooltip', 'pageflow.editor.views.edit_storyline_view.cannot_destroy');
-    } else {
-      this.ui.destroyButton.removeAttr('data-tooltip');
-    }
-  },
-  configure: function configure(configurationEditor, storylineChildPages) {
-    configurationEditor.tab('general', function () {
-      this.input('title', TextInputView);
-      this.input('main', CheckBoxInputView, {
-        disabled: true,
-        visibleBinding: 'main'
-      });
-      this.group('page_transitions', {
-        includeBlank: true
-      });
-      this.input('main', CheckBoxInputView, {
-        visibleBinding: 'main',
-        visible: function visible(isMain) {
-          return !isMain;
-        }
-      });
-      this.input('parent_page_perma_id', PageLinkInputView, {
-        visibleBinding: 'main',
-        visible: function visible(isMain) {
-          return !isMain && state.storylines.length > 1;
-        },
-        isAllowed: function isAllowed(page) {
-          return !storylineChildPages.contain(page);
-        }
-      });
-      this.input('scroll_successor_id', PageLinkInputView);
-
-      if (pageflow.features.isEnabled('chapter_hierachy')) {
-        this.input('navigation_bar_mode', SelectInputView, {
-          values: pageflow.ChapterFilter.strategies
-        });
-      }
-    });
-  },
-  destroy: function destroy() {
-    if (this.model.chapters.length) {
-      return;
-    }
-
-    if (confirm(I18n$1.t('pageflow.editor.views.edit_storyline_view.confirm_destroy'))) {
-      this.model.destroy();
-      this.goBack();
-    }
-  },
-  goBack: function goBack() {
-    editor$1.navigate('/?storyline=' + this.model.id, {
-      trigger: true
-    });
-  }
-});
-
-function template$q(data) {
-var __t, __p = '';
-__p += '<a class="back">' +
-((__t = ( I18n.t('pageflow.editor.templates.edit_widget.back') )) == null ? '' : __t) +
-'</a>\n';
-return __p
-}
-
-var EditWidgetView = Marionette.ItemView.extend({
-  template: template$q,
-  className: 'edit_widget',
-  events: {
-    'click a.back': function clickABack() {
-      editor$1.navigate('/meta_data/widgets', {
-        trigger: true
-      });
-    }
-  },
-  initialize: function initialize() {
-    this.model.set('editing', true);
-  },
-  onClose: function onClose() {
-    Marionette.ItemView.prototype.onClose.call(this);
-    this.model.set('editing', false);
-  },
-  onRender: function onRender() {
-    var configurationEditor = this.model.widgetType().createConfigurationEditorView({
-      model: this.model.configuration,
-      tab: this.options.tab
-    });
-    this.appendSubview(configurationEditor);
-  }
-});
-
-var loadable = modelLifecycleTrackingView({
-  classNames: {
-    creating: 'creating',
-    destroying: 'destroying'
-  }
-});
-
-function template$r(data) {
-var __p = '';
-__p += '<span class="file_thumbnail"></span>\n\n<span class="file_name"></span>\n';
-return __p
-}
-
-var ExplorerFileItemView = Marionette.ItemView.extend({
-  tagName: 'li',
-  template: template$r,
-  mixins: [loadable, selectableView],
-  selectionAttribute: 'file',
-  ui: {
-    fileName: '.file_name',
-    thumbnail: '.file_thumbnail'
+var ExplorerFileItemView = Marionette.ItemView.extend({
+  tagName: 'li',
+  template: template$n,
+  mixins: [loadable, selectableView],
+  selectionAttribute: 'file',
+  ui: {
+    fileName: '.file_name',
+    thumbnail: '.file_thumbnail'
   },
   events: {
     'click': function click() {
@@ -5719,18 +5397,18 @@ var ExplorerFileItemView = Marionette.ItemView.extend({
     this.ui.fileName.text(this.model.get('file_name') || '(Unbekannt)');
   },
   isDisabled: function isDisabled() {
-    return this.options.disabledIds && _$1.contains(this.options.disabledIds, this.model.get('id'));
+    return this.options.disabledIds && _.contains(this.options.disabledIds, this.model.get('id'));
   }
 });
 
-function template$s(data) {
+function template$o(data) {
 var __p = '';
 __p += '<a href="">\n  <span class="title"></span>\n</a>\n';
 return __p
 }
 
 var OtherEntryItemView = Marionette.ItemView.extend({
-  template: template$s,
+  template: template$o,
   className: 'other_entry_item',
   tagName: 'li',
   mixins: [selectableView],
@@ -5745,7 +5423,7 @@ var OtherEntryItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$t(data) {
+function template$p(data) {
 var __t, __p = '';
 __p +=
 ((__t = ( I18n.t('pageflow.editor.templates.other_entries_blank_slate.none_available') )) == null ? '' : __t) +
@@ -5771,7 +5449,7 @@ var OtherEntriesCollectionView = Marionette.View.extend({
         selection: this.options.selection
       },
       blankSlateViewConstructor: Marionette.ItemView.extend({
-        template: template$t,
+        template: template$p,
         tagName: 'li',
         className: 'blank_slate'
       }),
@@ -5782,7 +5460,7 @@ var OtherEntriesCollectionView = Marionette.View.extend({
   }
 });
 
-function template$u(data) {
+function template$q(data) {
 var __t, __p = '';
 __p += '<div class="box">\n  <h2>' +
 ((__t = ( I18n.t('pageflow.editor.templates.files_explorer.reuse_files') )) == null ? '' : __t) +
@@ -5811,7 +5489,7 @@ return __p
 }
 
 var FilesExplorerView = Marionette.ItemView.extend({
-  template: template$u,
+  template: template$q,
   className: 'files_explorer editor dialog',
   mixins: [dialogView],
   ui: {
@@ -5848,7 +5526,7 @@ var FilesExplorerView = Marionette.ItemView.extend({
       i18n: 'pageflow.editor.files.tabs',
       defaultTab: this.options.tabName
     });
-    editor$1.fileTypes.each(function (fileType) {
+    editor.fileTypes.each(function (fileType) {
       if (fileType.topLevelType) {
         this.tab(fileType);
       }
@@ -5857,7 +5535,7 @@ var FilesExplorerView = Marionette.ItemView.extend({
     this.ui.okButton.prop('disabled', true);
   },
   tab: function tab(fileType) {
-    this.tabsView.tab(fileType.collectionName, _$1.bind(function () {
+    this.tabsView.tab(fileType.collectionName, _.bind(function () {
       var collection = this._collection(fileType);
 
       var disabledIds = state.entry.getFileCollection(fileType).pluck('id');
@@ -5898,7 +5576,7 @@ FilesExplorerView.open = function (options) {
   app.dialogRegion.show(new FilesExplorerView(options));
 };
 
-function template$v(data) {
+function template$r(data) {
 var __p = '';
 __p += '<th></th>\n<td></td>';
 return __p
@@ -5906,13 +5584,13 @@ return __p
 
 var FileMetaDataItemView = Marionette.ItemView.extend({
   tagName: 'tr',
-  template: template$v,
+  template: template$r,
   ui: {
     label: 'th',
     value: 'td'
   },
   onRender: function onRender() {
-    this.subview(new this.options.valueView(_$1.extend({
+    this.subview(new this.options.valueView(_.extend({
       el: this.ui.value,
       model: this.model,
       name: this.options.name
@@ -5928,7 +5606,7 @@ var FileMetaDataItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$w(data) {
+function template$s(data) {
 var __p = '';
 __p += '<p class="percent"></p>\n<p class="description"></p>\n<p class="error_message"></p>';
 return __p
@@ -5937,7 +5615,7 @@ return __p
 var FileStageItemView = Marionette.ItemView.extend({
   tagName: 'li',
   className: 'file_stage_item',
-  template: template$w,
+  template: template$s,
   ui: {
     description: '.description',
     percent: '.percent',
@@ -5978,7 +5656,7 @@ var FileStageItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$x(data) {
+function template$t(data) {
 var __t, __p = '';
 __p += '<span class="file_thumbnail"></span>\n\n<span class="file_name"></span>\n<a class="select">' +
 ((__t = ( I18n.t('pageflow.editor.templates.file_item.select') )) == null ? '' : __t) +
@@ -6002,7 +5680,7 @@ return __p
 
 var FileItemView = Marionette.ItemView.extend({
   tagName: 'li',
-  template: template$x,
+  template: template$t,
   mixins: [loadable],
   ui: {
     fileName: '.file_name',
@@ -6023,7 +5701,7 @@ var FileItemView = Marionette.ItemView.extend({
       var result = this.options.selectionHandler.call(this.model);
 
       if (result !== false) {
-        editor$1.navigate(this.options.selectionHandler.getReferer(), {
+        editor.navigate(this.options.selectionHandler.getReferer(), {
           trigger: true
         });
       }
@@ -6056,7 +5734,7 @@ var FileItemView = Marionette.ItemView.extend({
       itemViewConstructor: FileStageItemView
     }));
 
-    _$1.each(this.metaDataViews(), function (view) {
+    _.each(this.metaDataViews(), function (view) {
       this.ui.metaData.append(this.subview(view).el);
     }, this);
   },
@@ -6068,7 +5746,7 @@ var FileItemView = Marionette.ItemView.extend({
     this.$el.attr('data-id', this.model.id);
     this.ui.fileName.text(this.model.get('file_name') || '(Unbekannt)');
     this.ui.downloadLink.attr('href', this.model.get('original_url'));
-    this.ui.downloads.toggle(this.model.isUploaded() && !_$1.isEmpty(this.model.get('original_url')));
+    this.ui.downloads.toggle(this.model.isUploaded() && !_.isEmpty(this.model.get('original_url')));
     this.ui.selectButton.toggle(!!this.options.selectionHandler);
     this.ui.settingsButton.toggle(!this.model.isNew());
     this.ui.cancelButton.toggle(this.model.isUploading());
@@ -6079,7 +5757,7 @@ var FileItemView = Marionette.ItemView.extend({
   },
   metaDataViews: function metaDataViews() {
     var model = this.model;
-    return _$1.map(this.options.metaDataAttributes, function (options) {
+    return _.map(this.options.metaDataAttributes, function (options) {
       if (typeof options === 'string') {
         options = {
           name: options,
@@ -6087,7 +5765,7 @@ var FileItemView = Marionette.ItemView.extend({
         };
       }
 
-      return new FileMetaDataItemView(_$1.extend({
+      return new FileMetaDataItemView(_.extend({
         model: model
       }, options));
     });
@@ -6108,7 +5786,7 @@ var FileItemView = Marionette.ItemView.extend({
     this.model.cancelUpload();
   },
   confirm: function confirm() {
-    editor$1.navigate('/confirmable_files?type=' + this.model.modelName + '&id=' + this.model.id, {
+    editor.navigate('/confirmable_files?type=' + this.model.modelName + '&id=' + this.model.id, {
       trigger: true
     });
   },
@@ -6117,7 +5795,7 @@ var FileItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$y(data) {
+function template$u(data) {
 var __t, __p = '';
 __p += '<div class="filtered_files-banner">\n  <span class="filtered_files-banner_prefix">\n    ' +
 ((__t = ( I18n.t('pageflow.editor.views.filtered_files_view.banner_prefix') )) == null ? '' : __t) +
@@ -6136,7 +5814,7 @@ return __p
 }
 
 var FilteredFilesView = Marionette.ItemView.extend({
-  template: template$y,
+  template: template$u,
   className: 'filtered_files',
   ui: {
     banner: '.filtered_files-banner',
@@ -6144,7 +5822,7 @@ var FilteredFilesView = Marionette.ItemView.extend({
   },
   events: {
     'click .filtered_files-reset_filter': function clickFiltered_filesReset_filter() {
-      editor$1.navigate('/files/' + this.options.fileType.collectionName, {
+      editor.navigate('/files/' + this.options.fileType.collectionName, {
         trigger: true
       });
       return false;
@@ -6200,7 +5878,7 @@ var FilteredFilesView = Marionette.ItemView.extend({
   }
 });
 
-function template$z(data) {
+function template$v(data) {
 var __t, __p = '';
 __p += '<div class="box choose_importer_box">\n  <h1 class="dialog-header">' +
 ((__t = ( I18n.t('pageflow.editor.views.files_view.importer.heading') )) == null ? '' : __t) +
@@ -6210,7 +5888,7 @@ __p += '<div class="box choose_importer_box">\n  <h1 class="dialog-header">' +
 return __p
 }
 
-function template$A(data) {
+function template$w(data) {
 var __t, __p = '';
 __p += '<button class=\'importer\' data-key=\'' +
 ((__t = ( data.fileImporter.key )) == null ? '' : __t) +
@@ -6225,7 +5903,7 @@ return __p
 }
 
 var ImporterSelectView = Marionette.ItemView.extend({
-  template: template$A,
+  template: template$w,
   className: 'importer_select',
   tagName: 'li',
   events: {
@@ -6242,7 +5920,7 @@ var ImporterSelectView = Marionette.ItemView.extend({
 });
 
 var ChooseImporterView = Marionette.ItemView.extend({
-  template: template$z,
+  template: template$v,
   className: 'choose_importer editor dialog',
   mixins: [dialogView],
   ui: {
@@ -6263,7 +5941,7 @@ var ChooseImporterView = Marionette.ItemView.extend({
   },
   onRender: function onRender() {
     var self = this;
-    editor$1.fileImporters.values().forEach(function (fileImporter) {
+    editor.fileImporters.values().forEach(function (fileImporter) {
       var importerSelectView = new ImporterSelectView({
         importer: fileImporter,
         parentView: self
@@ -6277,7 +5955,7 @@ ChooseImporterView.open = function (options) {
   app.dialogRegion.show(new ChooseImporterView(options).render());
 };
 
-function template$B(data) {
+function template$x(data) {
 var __t, __p = '';
 __p += '<div class="box file_importer_box">\n  <h1 class="dialog-header">' +
 ((__t = ( I18n.t('pageflow.editor.file_importers.'+data.importerKey+'.dialog_label') )) == null ? '' : __t) +
@@ -6291,7 +5969,7 @@ __p += '<div class="box file_importer_box">\n  <h1 class="dialog-header">' +
 return __p
 }
 
-function template$C(data) {
+function template$y(data) {
 var __t, __p = '';
 __p += '<div class="box">\n  <h1 class="dialog-header">' +
 ((__t = ( I18n.t('pageflow.editor.templates.confirm_upload.header') )) == null ? '' : __t) +
@@ -6307,14 +5985,14 @@ __p += '<div class="box">\n  <h1 class="dialog-header">' +
 return __p
 }
 
-function template$D(data) {
+function template$z(data) {
 var __p = '';
 __p += '<h2></h2>\n';
 return __p
 }
 
 var UploadableFilesView = Marionette.ItemView.extend({
-  template: template$D,
+  template: template$z,
   className: 'uploadable_files',
   ui: {
     header: 'h2'
@@ -6351,8 +6029,8 @@ var UploadableFilesView = Marionette.ItemView.extend({
     }];
   },
   fileTypeColumns: function fileTypeColumns() {
-    return _$1(this.options.fileType.confirmUploadTableColumns).map(function (column) {
-      return _$1.extend({}, column, {
+    return _(this.options.fileType.confirmUploadTableColumns).map(function (column) {
+      return _.extend({}, column, {
         configurationAttribute: true
       });
     });
@@ -6360,7 +6038,7 @@ var UploadableFilesView = Marionette.ItemView.extend({
 });
 
 var ConfirmFileImportUploadView = Marionette.Layout.extend({
-  template: template$C,
+  template: template$y,
   className: 'confirm_upload editor dialog',
   mixins: [dialogView],
   regions: {
@@ -6380,15 +6058,11 @@ var ConfirmFileImportUploadView = Marionette.Layout.extend({
   getSelectedFiles: function getSelectedFiles() {
     var files = [];
 
-    for (var key in state.files) {
-      if (state.files.hasOwnProperty(key)) {
-        var collection = state.files[key];
-
-        if (collection.length > 0) {
-          files = files.concat(collection.toJSON());
-        }
+    _.each(state.files, function (collection) {
+      if (collection.length > 0) {
+        files = files.concat(collection.toJSON());
       }
-    }
+    });
 
     return files;
   },
@@ -6420,7 +6094,7 @@ var ConfirmFileImportUploadView = Marionette.Layout.extend({
     var file = this.selection.get('file');
 
     if (file) {
-      this.selectedFileRegion.show(new pageflow.EditFileView({
+      this.selectedFileRegion.show(new EditFileView({
         model: file
       }));
     } else {
@@ -6434,7 +6108,7 @@ ConfirmFileImportUploadView.open = function (options) {
 };
 
 var FilesImporterView = Marionette.ItemView.extend({
-  template: template$B,
+  template: template$x,
   className: 'files_importer editor dialog',
   mixins: [dialogView],
   ui: {
@@ -6485,8 +6159,8 @@ var FilesImporterView = Marionette.ItemView.extend({
 
         for (var i = 0; i < metaData.files.length; i++) {
           var file = metaData.files[i];
-          var fileType = editor$1.fileTypes.findByUpload(file);
-          var file = new fileType.model({
+          var fileType = editor.fileTypes.findByUpload(file);
+          file = new fileType.model({
             state: 'uploadable',
             file_name: file.name,
             content_type: file.type,
@@ -6500,7 +6174,7 @@ var FilesImporterView = Marionette.ItemView.extend({
         }
 
         ConfirmFileImportUploadView.open({
-          fileTypes: editor$1.fileTypes,
+          fileTypes: editor.fileTypes,
           fileImportModel: self.model,
           files: state.files
         });
@@ -6521,7 +6195,7 @@ FilesImporterView.open = function (options) {
   app.dialogRegion.show(new FilesImporterView(options).render());
 };
 
-function template$E(data) {
+function template$A(data) {
 var __t, __p = '';
 __p += '<button class="">\n  <span class="label">' +
 ((__t = ( I18n.t('pageflow.editor.templates.select_button.select') )) == null ? '' : __t) +
@@ -6530,7 +6204,7 @@ return __p
 }
 
 var SelectButtonView = Marionette.ItemView.extend({
-  template: template$E,
+  template: template$A,
   className: 'select_button',
   ui: {
     button: 'button',
@@ -6565,7 +6239,7 @@ var SelectButtonView = Marionette.ItemView.extend({
   }
 });
 
-function template$F(data) {
+function template$B(data) {
 var __t, __p = '';
 __p += '<a class="back">' +
 ((__t = ( I18n.t('pageflow.editor.templates.files.back') )) == null ? '' : __t) +
@@ -6574,7 +6248,7 @@ return __p
 }
 
 var FilesView = Marionette.ItemView.extend({
-  template: template$F,
+  template: template$B,
   className: 'manage_files',
   events: {
     'click a.back': 'goBack',
@@ -6595,7 +6269,7 @@ var FilesView = Marionette.ItemView.extend({
       }
     }];
 
-    if (editor$1.fileImporters.keys().length > 0) {
+    if (editor.fileImporters.keys().length > 0) {
       menuOptions.push({
         label: I18n$1.t('pageflow.editor.views.files_view.import'),
         handler: function handler() {
@@ -6622,7 +6296,7 @@ var FilesView = Marionette.ItemView.extend({
       i18n: 'pageflow.editor.files.tabs',
       defaultTab: this.options.tabName
     });
-    editor$1.fileTypes.each(function (fileType) {
+    editor.fileTypes.each(function (fileType) {
       if (fileType.topLevelType) {
         this.tab(fileType);
       }
@@ -6631,7 +6305,7 @@ var FilesView = Marionette.ItemView.extend({
   },
   tab: function tab(fileType) {
     var selectionMode = this.options.tabName === fileType.collectionName;
-    this.tabsView.tab(fileType.collectionName, _$1.bind(function () {
+    this.tabsView.tab(fileType.collectionName, _.bind(function () {
       return this.subview(new FilteredFilesView({
         entry: state.entry,
         fileType: fileType,
@@ -6645,11 +6319,11 @@ var FilesView = Marionette.ItemView.extend({
   },
   goBack: function goBack() {
     if (this.options.selectionHandler) {
-      editor$1.navigate(this.options.selectionHandler.getReferer(), {
+      editor.navigate(this.options.selectionHandler.getReferer(), {
         trigger: true
       });
     } else {
-      editor$1.navigate('/', {
+      editor.navigate('/', {
         trigger: true
       });
     }
@@ -6659,14 +6333,14 @@ var FilesView = Marionette.ItemView.extend({
   }
 });
 
-function template$G(data) {
+function template$C(data) {
 var __p = '';
 __p += '<div class="quota_state">\n</div>\n<div class="outlet">\n</div>\n<div class="exhausted_message">\n</div>\n';
 return __p
 }
 
 var EntryPublicationQuotaDecoratorView = Marionette.Layout.extend({
-  template: template$G,
+  template: template$C,
   className: 'quota_decorator',
   regions: {
     outlet: '.outlet'
@@ -6707,7 +6381,7 @@ var EntryPublicationQuotaDecoratorView = Marionette.Layout.extend({
   }
 });
 
-function template$H(data) {
+function template$D(data) {
 var __t, __p = '';
 __p += '<div class="files_pending notice">\n  <p>' +
 ((__t = ( I18n.t('pageflow.editor.templates.publish_entry.files_pending_notice') )) == null ? '' : __t) +
@@ -6754,7 +6428,7 @@ return __p
 }
 
 var PublishEntryView = Marionette.ItemView.extend({
-  template: template$H,
+  template: template$D,
   className: 'publish_entry',
   ui: {
     publishUntilFields: '.publish_until_fields',
@@ -6949,14 +6623,14 @@ var PublishEntryView = Marionette.ItemView.extend({
     this.enableSave();
   },
   checkForm: function checkForm() {
-    if (_$1.all([this.checkPublishUntil(), this.checkPassword()])) {
+    if (_.all([this.checkPublishUntil(), this.checkPassword()])) {
       this.enableSave();
     } else {
       this.disableSave();
     }
   },
   checkPublishUntil: function checkPublishUntil() {
-    return this.ui.publishForeverRadioBox.is(':checked') || this.ui.publishUntilRadioBox.is(':checked') && _$1.all([this.checkPublishUntilDate(), this.checkPublishUntilTime()]);
+    return this.ui.publishForeverRadioBox.is(':checked') || this.ui.publishUntilRadioBox.is(':checked') && _.all([this.checkPublishUntilDate(), this.checkPublishUntilTime()]);
   },
   checkPublishUntilDate: function checkPublishUntilDate() {
     if (this.ui.publishUntilField.datepicker('getDate')) {
@@ -6991,7 +6665,7 @@ var PublishEntryView = Marionette.ItemView.extend({
   },
   randomPassword: function randomPassword() {
     var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-    return _$1(10).times(function () {
+    return _(10).times(function () {
       return possible.charAt(Math.floor(Math.random() * possible.length));
     }).join('');
   }
@@ -7020,11 +6694,11 @@ var SidebarController = Marionette.Controller.extend({
   files: function files(collectionName, handler, payload, filterName) {
     this.region.show(new FilesView({
       model: this.entry,
-      selectionHandler: handler && editor$1.createFileSelectionHandler(handler, payload),
+      selectionHandler: handler && editor.createFileSelectionHandler(handler, payload),
       tabName: collectionName,
       filterName: filterName
     }));
-    editor$1.setDefaultHelpEntry('pageflow.help_entries.files');
+    editor.setDefaultHelpEntry('pageflow.help_entries.files');
   },
   confirmableFiles: function confirmableFiles(preselectedFileType, preselectedFileId) {
     this.region.show(ConfirmEncodingView.create({
@@ -7039,8 +6713,8 @@ var SidebarController = Marionette.Controller.extend({
       model: this.entry,
       tab: tab,
       state: state,
-      features: pageflow.features,
-      editor: editor$1
+      features: features,
+      editor: editor
     }));
   },
   publish: function publish() {
@@ -7048,35 +6722,7 @@ var SidebarController = Marionette.Controller.extend({
       model: this.entry,
       entryPublication: new EntryPublication()
     }));
-    editor$1.setDefaultHelpEntry('pageflow.help_entries.publish');
-  },
-  storyline: function storyline(id) {
-    this.region.show(new EditStorylineView({
-      model: this.entry.storylines.get(id)
-    }));
-  },
-  chapter: function chapter(id) {
-    this.region.show(new EditChapterView({
-      model: this.entry.chapters.get(id)
-    }));
-  },
-  page: function page(id, tab) {
-    var page = this.entry.pages.get(id);
-    this.region.show(new EditPageView({
-      model: page,
-      api: editor$1,
-      tab: tab
-    }));
-    editor$1.setDefaultHelpEntry(page.pageType().help_entry_translation_key);
-  },
-  pageLink: function pageLink(linkId) {
-    var pageId = linkId.split(':')[0];
-    var page = state.pages.getByPermaId(pageId);
-    this.region.show(new EditPageLinkView({
-      model: page.pageLinks().get(linkId),
-      page: page,
-      api: editor$1
-    }));
+    editor.setDefaultHelpEntry('pageflow.help_entries.publish');
   },
   widget: function widget(id) {
     this.region.show(new EditWidgetView({
@@ -7165,7 +6811,7 @@ var ScrollingView = Marionette.View.extend({
   }
 });
 
-function template$I(data) {
+function template$E(data) {
 var __t, __p = '';
 __p += '<div class="box">\n  <h2>' +
 ((__t = ( I18n.t('pageflow.editor.templates.help.title') )) == null ? '' : __t) +
@@ -7176,7 +6822,7 @@ return __p
 }
 
 var HelpView = Marionette.ItemView.extend({
-  template: template$I,
+  template: template$E,
   className: 'help',
   ui: {
     placeholder: '.placeholder',
@@ -7213,7 +6859,7 @@ var HelpView = Marionette.ItemView.extend({
   initialize: function initialize() {
     this.listenTo(app, 'toggle-help', function (name) {
       this.toggle();
-      this.showSection(name || editor$1.defaultHelpEntry || this.defaultHelpEntry(), {
+      this.showSection(name || editor.defaultHelpEntry || this.defaultHelpEntry(), {
         scrollIntoView: true
       });
     });
@@ -7253,7 +6899,7 @@ var PageThumbnailView = ModelThumbnailView.extend({
   className: 'model_thumbnail page_thumbnail'
 });
 
-function template$J(data) {
+function template$F(data) {
 var __t, __p = '';
 __p += '<div>\n  <span class="missing_page_thumbnail"></span>\n  <span class="page_thumbnail"></span>\n  <div class="title"></div>\n  <div class="label"></div>\n  <a class="remove" title="' +
 ((__t = ( I18n.t('pageflow.editor.templates.page_link_item.remove') )) == null ? '' : __t) +
@@ -7264,7 +6910,7 @@ return __p
 }
 
 var PageLinkItemView = Marionette.ItemView.extend({
-  template: template$J,
+  template: template$F,
   tagName: 'li',
   className: 'page_link',
   ui: {
@@ -7276,7 +6922,7 @@ var PageLinkItemView = Marionette.ItemView.extend({
   },
   events: {
     'click .edit': function clickEdit() {
-      editor$1.navigate(this.model.editPath(), {
+      editor.navigate(this.model.editPath(), {
         trigger: true
       });
       return false;
@@ -7314,7 +6960,7 @@ var PageLinkItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$K(data) {
+function template$G(data) {
 var __t, __p = '';
 __p += '<label>\n  <span class="name">' +
 ((__t = ( I18n.t('pageflow.editor.templates.page_links.label') )) == null ? '' : __t) +
@@ -7325,7 +6971,7 @@ return __p
 }
 
 var PageLinksView = Marionette.ItemView.extend({
-  template: template$K,
+  template: template$G,
   className: 'page_links',
   ui: {
     links: 'ul.links',
@@ -7334,7 +6980,7 @@ var PageLinksView = Marionette.ItemView.extend({
   events: {
     'click .add_link': function clickAdd_link() {
       var view = this;
-      editor$1.selectPage().then(function (page) {
+      editor.selectPage().then(function (page) {
         view.model.pageLinks().addLink(page.get('perma_id'));
       });
       return false;
@@ -7361,61 +7007,48 @@ var PageLinksView = Marionette.ItemView.extend({
   }
 });
 
-function template$L(data) {
-var __t, __p = '';
-__p += '<div class="emulation_mode_button-menu">\n  <div class="emulation_mode_button-menu_header">\n    ' +
-((__t = ( I18n.t('pageflow.editor.templates.emulation_mode_button.header') )) == null ? '' : __t) +
-'\n  </div>\n  <ul>\n    <li class="emulation_mode_button-menu_item emulation_mode_button-desktop">\n      <a class="emulation_mode_button-menu_link">\n        ' +
-((__t = ( I18n.t('pageflow.editor.templates.emulation_mode_button.desktop') )) == null ? '' : __t) +
-'\n      </a>\n    </li>\n    <li class="emulation_mode_button-menu_item emulation_mode_button-phone">\n      <a class="emulation_mode_button-menu_link">\n        ' +
-((__t = ( I18n.t('pageflow.editor.templates.emulation_mode_button.phone') )) == null ? '' : __t) +
-'\n        <div class="emulation_mode_button-disabled_hint">\n          ' +
-((__t = ( I18n.t('pageflow.editor.templates.emulation_mode_button.disabled_hint') )) == null ? '' : __t) +
-'\n        </div>\n      </a>\n    </li>\n  </ul>\n</div>\n<div class="emulation_mode_button-display emulation_mode_button-desktop">\n  ' +
-((__t = ( I18n.t('pageflow.editor.templates.emulation_mode_button.desktop') )) == null ? '' : __t) +
-'\n</div>\n<div class="emulation_mode_button-display emulation_mode_button-phone">\n  ' +
-((__t = ( I18n.t('pageflow.editor.templates.emulation_mode_button.phone') )) == null ? '' : __t) +
-'\n</div>\n';
+function template$H(data) {
+var __p = '';
+__p += '<div class="emulation_mode_button-wrapper"\n     data-tooltip-align="top center">\n  <div class="emulation_mode_button-desktop_icon"/>\n  <div class="emulation_mode_button-phone_icon"/>\n  <div class="emulation_mode_button-track" />\n  <div class="emulation_mode_button-thumb" />\n</div>\n';
 return __p
 }
 
 var EmulationModeButtonView = Marionette.ItemView.extend({
-  template: template$L,
+  template: template$H,
   className: 'emulation_mode_button',
+  mixins: [tooltipContainer],
   ui: {
-    phoneItem: '.emulation_mode_button-phone',
-    desktopItem: '.emulation_mode_button-desktop',
-    phoneDisplay: '.emulation_mode_button-display.emulation_mode_button-phone',
-    desktopDisplay: '.emulation_mode_button-display.emulation_mode_button-desktop'
+    wrapper: '.emulation_mode_button-wrapper',
+    desktopIcon: '.emulation_mode_button-desktop_icon',
+    phoneIcon: '.emulation_mode_button-phone_icon'
   },
   events: {
-    'click .emulation_mode_button-desktop a': function clickEmulation_mode_buttonDesktopA() {
-      this.model.unset('emulation_mode');
-    },
-    'click .emulation_mode_button-phone a': function clickEmulation_mode_buttonPhoneA() {
-      if (!this.model.get('current_page_supports_emulation_mode')) {
+    'click': function click() {
+      if (this.model.get('emulation_mode_disabled')) {
         return;
       }
 
-      this.model.set('emulation_mode', 'phone');
+      if (this.model.has('emulation_mode')) {
+        this.model.unset('emulation_mode');
+      } else {
+        this.model.set('emulation_mode', 'phone');
+      }
     }
   },
   modelEvents: {
-    'change:emulation_mode change:current_page_supports_emulation_mode': 'update'
+    'change:emulation_mode change:emulation_mode_disabled': 'update'
   },
   onRender: function onRender() {
     this.update();
   },
   update: function update() {
-    this.ui.phoneItem.toggleClass('disabled', !this.model.get('current_page_supports_emulation_mode'));
-    this.ui.phoneItem.toggleClass('active', this.model.has('emulation_mode'));
-    this.ui.desktopItem.toggleClass('active', !this.model.has('emulation_mode'));
-    this.ui.phoneDisplay.toggleClass('active', this.model.has('emulation_mode'));
-    this.ui.desktopDisplay.toggleClass('active', !this.model.has('emulation_mode'));
+    this.$el.toggleClass('disabled', !!this.model.get('emulation_mode_disabled'));
+    this.$el.toggleClass('active', this.model.has('emulation_mode'));
+    this.ui.wrapper.attr('data-tooltip', this.model.get('emulation_mode_disabled') ? 'pageflow.editor.templates.emulation_mode_button.disabled_hint' : 'pageflow.editor.templates.emulation_mode_button.tooltip');
   }
 });
 
-function template$M(data) {
+function template$I(data) {
 var __t, __p = '';
 __p +=
 ((__t = ( I18n.t('pageflow.editor.templates.help_button.open_help') )) == null ? '' : __t);
@@ -7423,7 +7056,7 @@ return __p
 }
 
 var HelpButtonView = Marionette.ItemView.extend({
-  template: template$M,
+  template: template$I,
   className: 'help_button',
   events: {
     'click': function click() {
@@ -7435,7 +7068,7 @@ var HelpButtonView = Marionette.ItemView.extend({
 var SidebarFooterView = Marionette.View.extend({
   className: 'sidebar_footer',
   render: function render() {
-    if (pageflow.features.isEnabled('editor_emulation_mode')) {
+    if (this.model.supportsPhoneEmulation()) {
       this.appendSubview(new EmulationModeButtonView({
         model: this.model
       }));
@@ -7463,7 +7096,7 @@ var InfoBoxView = Marionette.View.extend({
   }
 });
 
-function template$N(data) {
+function template$J(data) {
 var __t, __p = '';
 __p += '<span class="list_item_thumbnail"></span>\n<span class="list_item_missing_thumbnail"></span>\n<span class="list_item_type_pictogram type_pictogram"></span>\n\n<div class="list_item_title"></div>\n<div class="list_item_description"></div>\n\n<div class="list_item_buttons">\n  <a class="list_item_edit_button" title="' +
 ((__t = ( I18n.t('pageflow.editor.templates.list_item.edit') )) == null ? '' : __t) +
@@ -7474,7 +7107,7 @@ return __p
 }
 
 var ListItemView = Marionette.ItemView.extend({
-  template: template$N,
+  template: template$J,
   tagName: 'li',
   className: 'list_item',
   ui: {
@@ -7548,7 +7181,7 @@ var ListItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$O(data) {
+function template$K(data) {
 var __t, __p = '';
 __p += '<div class="checking notice">\n  <p>' +
 ((__t = ( I18n.t('pageflow.editor.templates.locked.loading') )) == null ? '' : __t) +
@@ -7563,7 +7196,7 @@ return __p
 }
 
 var LockedView = Marionette.ItemView.extend({
-  template: template$O,
+  template: template$K,
   className: 'locked checking',
   ui: {
     breakButton: '.break',
@@ -7604,7 +7237,7 @@ var LockedView = Marionette.ItemView.extend({
 });
 
 var EditorView = Backbone.View.extend({
-  scrollNavigationKeys: _$1.values({
+  scrollNavigationKeys: _.values({
     pageUp: 33,
     pageDown: 34,
     end: 35,
@@ -7726,7 +7359,7 @@ var LazyVideoEmbeddedView = Marionette.View.extend({
   },
   render: function render() {
     this.videoPlayer = this.$el.data('videoPlayer');
-    this.videoPlayer.ready(_$1.bind(function () {
+    this.videoPlayer.ready(_.bind(function () {
       this.videoPlayer.src(this.model.getVideoFileSources(this.options.propertyName));
     }, this));
     this.update();
@@ -7756,7 +7389,7 @@ var LazyVideoEmbeddedView = Marionette.View.extend({
   }
 });
 
-function template$P(data) {
+function template$L(data) {
 var __t, __p = '';
 __p += '<li class="uploading"><span class="count">0</span>' +
 ((__t = ( I18n.t('pageflow.editor.templates.notification.upload_pending') )) == null ? '' : __t) +
@@ -7779,7 +7412,7 @@ return __p
 var NotificationsView = Marionette.ItemView.extend({
   className: 'notifications',
   tagName: 'ul',
-  template: template$P,
+  template: template$L,
   ui: {
     failedCount: '.failed .count',
     uploadingCount: '.uploading .count',
@@ -7787,23 +7420,23 @@ var NotificationsView = Marionette.ItemView.extend({
   },
   events: {
     'click .retry': function clickRetry() {
-      editor$1.failures.retry();
+      editor.failures.retry();
     }
   },
   onRender: function onRender() {
     this.listenTo(state.entry, 'change:uploading_files_count', this.notifyUploadCount);
     this.listenTo(state.entry, 'change:confirmable_files_count', this.notifyConfirmableFilesCount);
-    this.listenTo(editor$1.savingRecords, 'add', this.update);
-    this.listenTo(editor$1.savingRecords, 'remove', this.update);
-    this.listenTo(editor$1.failures, 'add', this.update);
-    this.listenTo(editor$1.failures, 'remove', this.update);
+    this.listenTo(editor.savingRecords, 'add', this.update);
+    this.listenTo(editor.savingRecords, 'remove', this.update);
+    this.listenTo(editor.failures, 'add', this.update);
+    this.listenTo(editor.failures, 'remove', this.update);
     this.update();
     this.notifyConfirmableFilesCount();
   },
   update: function update() {
-    this.$el.toggleClass('failed', !editor$1.failures.isEmpty());
-    this.$el.toggleClass('saving', !editor$1.savingRecords.isEmpty());
-    this.ui.failedCount.text(editor$1.failures.count());
+    this.$el.toggleClass('failed', !editor.failures.isEmpty());
+    this.$el.toggleClass('saving', !editor.savingRecords.isEmpty());
+    this.ui.failedCount.text(editor.failures.count());
   },
   notifyUploadCount: function notifyUploadCount(model, uploadCount) {
     this.$el.toggleClass('uploading', uploadCount > 0);
@@ -7821,7 +7454,7 @@ var FileProcessingStateDisplayView = Marionette.View.extend({
   mixins: [inputView],
   initialize: function initialize() {
     if (typeof this.options.collection === 'string') {
-      this.options.collection = state.entry.getFileCollection(editor$1.fileTypes.findByCollectionName(this.options.collection));
+      this.options.collection = state.entry.getFileCollection(editor.fileTypes.findByCollectionName(this.options.collection));
     }
 
     this.listenTo(this.model, 'change:' + this.options.propertyName, this._update);
@@ -7866,14 +7499,14 @@ var FileProcessingStateDisplayView = Marionette.View.extend({
   }
 });
 
-function template$Q(data) {
+function template$M(data) {
 var __p = '';
 __p += '<h2></h2>\n';
 return __p
 }
 
 var NestedFilesView = Marionette.ItemView.extend({
-  template: template$Q,
+  template: template$M,
   className: 'nested_files',
   ui: {
     header: 'h2'
@@ -7908,8 +7541,8 @@ var NestedFilesView = Marionette.ItemView.extend({
     this.$el.toggleClass('is_empty', this.collection.length === 0);
   },
   columns: function columns(fileType) {
-    var nestedFilesColumns = _$1(fileType.nestedFileTableColumns).map(function (column) {
-      return _$1.extend({}, column, {
+    var nestedFilesColumns = _(fileType.nestedFileTableColumns).map(function (column) {
+      return _.extend({}, column, {
         configurationAttribute: true
       });
     });
@@ -7936,7 +7569,7 @@ var NestedFilesView = Marionette.ItemView.extend({
       this.options.selection.set('file', nextFile);
     }
   },
-  setNextFile: _$1.debounce(function () {
+  setNextFile: _.debounce(function () {
     var fileIndex = this.collection.indexOf(this.options.selection.get('file'));
 
     if (typeof this.collection.at(fileIndex + 1) !== 'undefined') {
@@ -7949,7 +7582,7 @@ var NestedFilesView = Marionette.ItemView.extend({
   }, 200)
 });
 
-function template$R(data) {
+function template$N(data) {
 var __t, __p = '';
 __p += '<div class="text_tracks_container">\n  <div class="files_upload_panel">\n    <div class="files_panel">\n    </div>\n    <a class="upload" href="">' +
 ((__t = ( I18n.t('pageflow.editor.templates.text_tracks.upload') )) == null ? '' : __t) +
@@ -7960,7 +7593,7 @@ return __p
 }
 
 var TextTracksView = Marionette.Layout.extend({
-  template: template$R,
+  template: template$N,
   className: 'text_tracks',
   regions: {
     selectedFileRegion: '.selected_file_region'
@@ -7980,17 +7613,17 @@ var TextTracksView = Marionette.Layout.extend({
   onRender: function onRender() {
     this.nestedFilesView = new NestedFilesView({
       collection: this.model.nestedFiles(this.options.supersetCollection),
-      fileType: editor$1.fileTypes.findByCollectionName('text_track_files'),
+      fileType: editor.fileTypes.findByCollectionName('text_track_files'),
       selection: this.selection,
       model: this.model,
       tableBlankSlateText: I18n$1.t('pageflow.editor.nested_files.text_track_files.no_files_blank_slate')
     });
     this.ui.filesPanel.append(this.subview(this.nestedFilesView).el);
     this.update();
-    editor$1.setUploadTargetFile(this.model);
+    editor.setUploadTargetFile(this.model);
   },
   onClose: function onClose() {
-    editor$1.setUploadTargetFile(undefined);
+    editor.setUploadTargetFile(undefined);
   },
   update: function update() {
     var selectedFile = this.selection.get('file');
@@ -8023,29 +7656,7 @@ var TextTracksFileMetaDataItemValueView = FileMetaDataItemValueView.extend({
   }
 });
 
-var DisabledAtmoIndicatorView = Marionette.View.extend({
-  className: 'disabled_atmo_indicator',
-  events: {
-    'click': function click() {
-      pageflow.atmo.enable();
-    }
-  },
-  initialize: function initialize() {
-    this.listenTo(pageflow.events, 'atmo:disabled', function () {
-      this.$el.show();
-    });
-    this.listenTo(pageflow.events, 'atmo:enabled', function () {
-      this.$el.hide();
-    });
-    this.$el.toggle(!!pageflow.atmo && pageflow.atmo.disabled);
-  },
-  render: function render() {
-    this.$el.attr('title', I18n$1.t('pageflow.editor.atmo.disabled'));
-    return this;
-  }
-});
-
-function template$S(data) {
+function template$O(data) {
 var __p = '';
 __p += '<label>\n  <span class="list_label"></span>\n</label>\n\n<ul class="list_items"></ul>\n';
 return __p
@@ -8092,7 +7703,7 @@ return __p
  */
 
 var ListView = Marionette.ItemView.extend({
-  template: template$S,
+  template: template$O,
   className: 'list',
   ui: {
     label: '.list_label',
@@ -8104,12 +7715,12 @@ var ListView = Marionette.ItemView.extend({
       el: this.ui.items,
       collection: this.collection,
       itemViewConstructor: ListItemView,
-      itemViewOptions: _$1.extend({
+      itemViewOptions: _.extend({
         description: this.options.itemDescription,
         typeName: this.options.itemTypeName,
         typeDescription: this.options.itemTypeDescription,
         isInvalid: this.options.itemIsInvalid
-      }, _$1(this.options).pick('onEdit', 'onRemove', 'highlight')),
+      }, _(this.options).pick('onEdit', 'onRemove', 'highlight')),
       blankSlateViewConstructor: Marionette.ItemView.extend({
         tagName: 'li',
         className: 'list_blank_slate',
@@ -8122,7 +7733,7 @@ var ListView = Marionette.ItemView.extend({
 });
 
 var ConfirmUploadView = Marionette.Layout.extend({
-  template: template$C,
+  template: template$y,
   className: 'confirm_upload editor dialog',
   mixins: [dialogView],
   regions: {
@@ -8211,6 +7822,9 @@ ConfirmUploadView.open = function (options) {
  * * `<translationKeyPrefix>.retry` (optional): Label of the retry
  *   button of the failure message.
  *
+ * Override the `destroyModel` method to customize destroy behavior.
+ * Calls `destroyWithDelay` by default.
+ *
  * @param {Object} options
  * @param {Backbone.Model} options.model -
  *   Model including the {@link configurationContainer},
@@ -8243,7 +7857,7 @@ var EditConfigurationView = Marionette.Layout.extend({
     'click a.destroy': 'destroy'
   },
   onRender: function onRender() {
-    var translationKeyPrefix = _$1.result(this, 'translationKeyPrefix');
+    var translationKeyPrefix = _.result(this, 'translationKeyPrefix');
 
     this.configurationEditor = new ConfigurationEditorView({
       tabTranslationKeyPrefix: "".concat(translationKeyPrefix, ".tabs"),
@@ -8258,17 +7872,21 @@ var EditConfigurationView = Marionette.Layout.extend({
   },
   destroy: function destroy() {
     if (window.confirm(this.t('confirm_destroy'))) {
-      this.model.destroyWithDelay();
-      this.goBack();
+      if (this.destroyModel() !== false) {
+        this.goBack();
+      }
     }
   },
+  destroyModel: function destroyModel() {
+    this.model.destroyWithDelay();
+  },
   goBack: function goBack() {
-    editor$1.navigate('/', {
+    editor.navigate('/', {
       trigger: true
     });
   },
   t: function t(suffix) {
-    var translationKeyPrefix = _$1.result(this, 'translationKeyPrefix');
+    var translationKeyPrefix = _.result(this, 'translationKeyPrefix');
 
     return I18n$1.t("".concat(translationKeyPrefix, ".").concat(suffix), {
       defaultValue: I18n$1.t("pageflow.editor.views.edit_configuration.".concat(suffix))
@@ -8276,245 +7894,7 @@ var EditConfigurationView = Marionette.Layout.extend({
   }
 });
 
-ConfigurationEditorView.register('audio', {
-  configure: function configure() {
-    this.tab('general', function () {
-      this.group('general', {
-        supportsTextPositionCenter: true
-      });
-      this.input('additional_title', TextInputView);
-      this.input('additional_description', TextAreaInputView, {
-        size: 'short'
-      });
-    });
-    this.tab('files', function () {
-      this.input('audio_file_id', FileInputView, {
-        collection: state.audioFiles,
-        defaultTextTrackFilePropertyName: 'default_text_track_file_id'
-      });
-      this.group('background');
-      this.input('thumbnail_image_id', FileInputView, {
-        collection: state.imageFiles,
-        positioning: false
-      });
-    });
-    this.tab('options', function () {
-      if (pageflow.features.isEnabled('waveform_player_controls')) {
-        this.input('audio_player_controls_variant', SelectInputView, {
-          values: ['default', 'waveform']
-        });
-      }
-
-      this.input('waveform_color', ColorInputView, {
-        visibleBinding: 'audio_player_controls_variant',
-        visibleBindingValue: 'waveform',
-        defaultValue: pageflow.theme.mainColor(),
-        swatches: usedWaveformColors()
-      });
-      this.input('autoplay', CheckBoxInputView);
-      this.group('options', {
-        canPauseAtmo: true
-      });
-    });
-
-    function usedWaveformColors() {
-      return _$1.chain(state.pages.map(function (page) {
-        return page.configuration.get('waveform_color');
-      })).uniq().compact().value();
-    }
-  }
-});
-
-ConfigurationEditorView.register('background_image', {
-  configure: function configure() {
-    this.tab('general', function () {
-      this.group('general', {
-        supportsTextPositionCenter: true
-      });
-    });
-    this.tab('files', function () {
-      this.group('background');
-      this.input('thumbnail_image_id', FileInputView, {
-        collection: state.imageFiles,
-        positioning: false
-      });
-    });
-    this.tab('options', function () {
-      this.group('options');
-    });
-  }
-});
-
-ConfigurationEditorView.register('video', {
-  configure: function configure() {
-    this.tab('general', function () {
-      this.group('general', {
-        supportsTextPositionCenter: true
-      });
-      this.input('additional_title', TextInputView);
-      this.input('additional_description', TextAreaInputView, {
-        size: 'short'
-      });
-    });
-    this.tab('files', function () {
-      this.input('video_file_id', FileInputView, {
-        collection: state.videoFiles,
-        positioning: false,
-        defaultTextTrackFilePropertyName: 'default_text_track_file_id'
-      });
-      this.input('poster_image_id', FileInputView, {
-        collection: state.imageFiles,
-        positioning: false
-      });
-      this.input('mobile_poster_image_id', FileInputView, {
-        collection: state.imageFiles,
-        positioning: true
-      });
-      this.input('thumbnail_image_id', FileInputView, {
-        collection: state.imageFiles,
-        positioning: false
-      });
-    });
-    this.tab('options', function () {
-      this.input('autoplay', CheckBoxInputView);
-
-      if (pageflow.features.isEnabled('auto_change_page')) {
-        this.input('auto_change_page_on_ended', CheckBoxInputView);
-      }
-
-      this.group('options', {
-        canPauseAtmo: true
-      });
-    });
-  }
-});
-
-ConfigurationEditorTabView.groups.define('background', function (options) {
-  options = options || {};
-  var prefix = options.propertyNamePrefix ? options.propertyNamePrefix + '_' : '';
-  var backgroundTypeProperty = prefix + 'background_type';
-  this.input(backgroundTypeProperty, SelectInputView, {
-    values: ['image', 'video'],
-    ensureValueDefined: true
-  });
-  this.input(prefix + 'background_image_id', FileInputView, {
-    collection: state.imageFiles,
-    visibleBinding: backgroundTypeProperty,
-    visibleBindingValue: 'image',
-    fileSelectionHandlerOptions: options
-  });
-  this.input(prefix + 'video_file_id', FileInputView, {
-    collection: state.videoFiles,
-    visibleBinding: backgroundTypeProperty,
-    visibleBindingValue: 'video',
-    fileSelectionHandlerOptions: options
-  });
-  this.input(prefix + 'poster_image_id', FileInputView, {
-    collection: state.imageFiles,
-    visibleBinding: backgroundTypeProperty,
-    visibleBindingValue: 'video',
-    fileSelectionHandlerOptions: options
-  });
-  this.input(prefix + 'mobile_poster_image_id', FileInputView, {
-    collection: state.imageFiles,
-    visibleBinding: backgroundTypeProperty,
-    visibleBindingValue: 'video',
-    fileSelectionHandlerOptions: options
-  });
-});
-
-ConfigurationEditorTabView.groups.define('general', function (options) {
-  this.input('title', TextInputView, {
-    required: true,
-    maxLength: 5000
-  });
-  this.input('hide_title', CheckBoxInputView);
-  this.input('tagline', TextInputView, {
-    maxLength: 5000
-  });
-  this.input('subtitle', TextInputView, {
-    maxLength: 5000
-  });
-  this.input('text', TextAreaInputView, {
-    fragmentLinkInputView: PageLinkInputView,
-    enableLists: true
-  });
-  this.input('text_position', SelectInputView, {
-    values: options.supportsTextPositionCenter ? Page.textPositions : Page.textPositionsWithoutCenterOption
-  });
-  this.input('gradient_opacity', SliderInputView);
-  this.input('invert', CheckBoxInputView);
-});
-
-ConfigurationEditorTabView.groups.define('page_link', function () {
-  this.input('label', TextInputView);
-  this.input('target_page_id', PageLinkInputView);
-  this.group('page_transitions', {
-    includeBlank: true
-  });
-});
-
-ConfigurationEditorTabView.groups.define('page_transitions', function (options) {
-  var inputOptions = {
-    translationKeyPrefix: 'pageflow.page_transitions',
-    blankTranslationKey: 'pageflow.page_transitions.default',
-    values: pageflow.pageTransitions.names()
-  };
-
-  if (pageflow.navigationDirection.isHorizontalOnPhone()) {
-    inputOptions.additionalInlineHelpText = I18n$1.t('pageflow.editor.phone_horizontal_slideshow_mode.page_transitions_inline_help');
-  }
-
-  this.input(options.propertyName || 'page_transition', SelectInputView, _$1.extend(inputOptions, options));
-});
-
-ConfigurationEditorTabView.groups.define('options', function (options) {
-  var theme = state.entry.getTheme();
-  this.input('display_in_navigation', CheckBoxInputView);
-
-  if (theme.supportsEmphasizedPages()) {
-    this.input('emphasize_in_navigation', CheckBoxInputView);
-  }
-
-  this.group('page_transitions', {
-    propertyName: 'transition'
-  });
-
-  if (pageflow.features.isEnabled('delayed_text_fade_in')) {
-    this.input('delayed_text_fade_in', SelectInputView, {
-      values: Page.delayedTextFadeIn
-    });
-  }
-
-  this.input('description', TextAreaInputView, {
-    size: 'short',
-    disableLinks: true
-  });
-  this.input('atmo_audio_file_id', FileInputView, {
-    collection: state.audioFiles
-  });
-
-  if (theme.supportsHideLogoOnPages()) {
-    this.input('hide_logo', CheckBoxInputView);
-  }
-
-  if (options.canPauseAtmo) {
-    this.input('atmo_during_playback', SelectInputView, {
-      values: pageflow.Atmo.duringPlaybackModes
-    });
-  }
-
-  if (theme.supportsScrollIndicatorModes()) {
-    this.input('scroll_indicator_mode', SelectInputView, {
-      values: Page.scrollIndicatorModes
-    });
-    this.input('scroll_indicator_orientation', SelectInputView, {
-      values: Page.scrollIndicatorOrientations
-    });
-  }
-});
-
-editor$1.widgetTypes.register('classic_loading_spinner', {
+editor.widgetTypes.register('classic_loading_spinner', {
   configurationEditorView: ConfigurationEditorView.extend({
     configure: function configure() {
       this.tab('loading_spinner', function () {
@@ -8526,10 +7906,10 @@ editor$1.widgetTypes.register('classic_loading_spinner', {
   })
 });
 
-editor$1.widgetTypes.registerRole('cookie_notice', {
+editor.widgetTypes.registerRole('cookie_notice', {
   isOptional: true
 });
-editor$1.widgetTypes.register('cookie_notice_bar', {
+editor.widgetTypes.register('cookie_notice_bar', {
   configurationEditorView: ConfigurationEditorView.extend({
     configure: function configure() {
       this.tab('cookie_notice_bar', function () {
@@ -8541,7 +7921,7 @@ editor$1.widgetTypes.register('cookie_notice_bar', {
   })
 });
 
-editor$1.widgetTypes.register('media_loading_spinner', {
+editor.widgetTypes.register('media_loading_spinner', {
   configurationEditorView: ConfigurationEditorView.extend({
     configure: function configure() {
       this.tab('loading_spinner', function () {
@@ -8555,12 +7935,18 @@ editor$1.widgetTypes.register('media_loading_spinner', {
         this.input('invert', CheckBoxInputView);
         this.input('remove_logo', CheckBoxInputView);
         this.input('blur_strength', SliderInputView);
+        this.input('animation_duration', SliderInputView, {
+          minValue: 1,
+          maxValue: 7,
+          defaultValue: 7,
+          unit: 's'
+        });
       });
     }
   })
 });
 
-editor$1.widgetTypes.register('phone_horizontal_slideshow_mode', {
+editor.widgetTypes.register('phone_horizontal_slideshow_mode', {
   configurationEditorView: ConfigurationEditorView.extend({
     configure: function configure() {
       this.tab('phone_horizontal_slideshow_mode', function () {
@@ -8575,7 +7961,7 @@ editor$1.widgetTypes.register('phone_horizontal_slideshow_mode', {
   })
 });
 
-editor$1.widgetTypes.register('title_loading_spinner', {
+editor.widgetTypes.register('title_loading_spinner', {
   configurationEditorView: ConfigurationEditorView.extend({
     configure: function configure() {
       this.tab('loading_spinner', function () {
@@ -8593,6 +7979,12 @@ editor$1.widgetTypes.register('title_loading_spinner', {
         this.input('invert', CheckBoxInputView);
         this.input('remove_logo', CheckBoxInputView);
         this.input('blur_strength', SliderInputView);
+        this.input('animation_duration', SliderInputView, {
+          minValue: 1,
+          maxValue: 7,
+          defaultValue: 7,
+          unit: 's'
+        });
       });
     }
   })
@@ -8611,11 +8003,11 @@ app.addInitializer(function (options) {
 });
 
 app.addInitializer(function (options) {
-  pageflow.features.enable('editor', options.entry.enabled_feature_names);
+  features.enable('editor', options.entry.enabled_feature_names);
 });
 
 app.addInitializer(function (options) {
-  pageflow.Audio.setup({
+  Audio.setup({
     getSources: function getSources(audioFileId) {
       var file = state.audioFiles.getByPermaId(audioFileId);
       return file ? file.getSources() : '';
@@ -8625,7 +8017,7 @@ app.addInitializer(function (options) {
 
 app.addInitializer(function () {
   Backbone.history.on('route', function () {
-    editor$1.applyDefaultHelpEntry();
+    editor.applyDefaultHelpEntry();
   });
 });
 
@@ -8654,7 +8046,7 @@ app.addInitializer(function (options) {
       settingsDialogTabLink: 'general'
     }
   };
-  editor$1.fileTypes.register('image_files', {
+  editor.fileTypes.register('image_files', {
     model: ImageFile,
     metaDataAttributes: ['dimensions', altMetaDataAttribute],
     matchUpload: /^image/,
@@ -8663,7 +8055,7 @@ app.addInitializer(function (options) {
       inputView: TextInputView
     }]
   });
-  editor$1.fileTypes.register('video_files', {
+  editor.fileTypes.register('video_files', {
     model: VideoFile,
     metaDataAttributes: ['format', 'dimensions', 'duration', textTracksMetaDataAttribute, altMetaDataAttribute],
     matchUpload: /^video/,
@@ -8673,7 +8065,7 @@ app.addInitializer(function (options) {
     }],
     settingsDialogTabs: [textTracksSettingsDialogTab]
   });
-  editor$1.fileTypes.register('audio_files', {
+  editor.fileTypes.register('audio_files', {
     model: AudioFile,
     metaDataAttributes: ['format', 'duration', textTracksMetaDataAttribute, altMetaDataAttribute],
     matchUpload: /^audio/,
@@ -8683,7 +8075,7 @@ app.addInitializer(function (options) {
     }],
     settingsDialogTabs: [textTracksSettingsDialogTab]
   });
-  editor$1.fileTypes.register('text_track_files', {
+  editor.fileTypes.register('text_track_files', {
     model: TextTrackFile,
     matchUpload: function matchUpload(upload) {
       return upload.name.match(/\.vtt$/) || upload.name.match(/\.srt$/);
@@ -8738,90 +8130,66 @@ app.addInitializer(function (options) {
       binding: 'label'
     }
   });
-  editor$1.fileTypes.setup(options.config.fileTypes);
+  editor.fileTypes.setup(options.config.fileTypes);
 });
 
 app.addInitializer(function (options) {
-  editor$1.widgetTypes.registerRole('navigation', {
+  editor.widgetTypes.registerRole('navigation', {
     isOptional: true
   });
-  editor$1.widgetTypes.setup(options.widget_types);
+  editor.widgetTypes.setup(options.widget_types);
 });
 
 app.addInitializer(function (options) {
-  state.files = FilesCollection.createForFileTypes(editor$1.fileTypes, options.files);
+  state.files = FilesCollection.createForFileTypes(editor.fileTypes, options.files);
   state.imageFiles = state.files.image_files;
   state.videoFiles = state.files.video_files;
   state.audioFiles = state.files.audio_files;
   state.textTrackFiles = state.files.text_track_files;
   var widgets = new WidgetsCollection(options.widgets, {
-    widgetTypes: editor$1.widgetTypes
+    widgetTypes: editor.widgetTypes
   });
   state.themes = new ThemesCollection(options.themes);
   state.pages = new PagesCollection(options.pages);
   state.chapters = new ChaptersCollection(options.chapters);
   state.storylines = new StorylinesCollection(options.storylines);
-  state.entry = editor$1.createEntryModel(options, {
+  state.entry = editor.createEntryModel(options, {
     widgets: widgets
   });
   state.theming = new Theming(options.theming);
   state.account = new Backbone.Model(options.account);
   widgets.subject = state.entry;
-  state.entryData = new PreviewEntryData({
-    entry: state.entry,
-    storylines: state.storylines,
-    chapters: state.chapters,
-    pages: state.pages
-  });
   state.storylineOrdering = new StorylineOrdering(state.storylines, state.pages);
   state.storylineOrdering.sort({
     silent: true
   });
   state.storylineOrdering.watch();
   state.pages.sort();
-  state.storylines.on('sort', _$1.debounce(function () {
+  state.storylines.on('sort', _.debounce(function () {
     state.storylines.saveOrder();
   }, 100));
-  editor$1.failures.watch(state.entry);
-  editor$1.failures.watch(state.pages);
-  editor$1.failures.watch(state.chapters);
-  editor$1.savingRecords.watch(state.pages);
-  editor$1.savingRecords.watch(state.chapters);
-  pageflow.events.trigger('seed:loaded');
+  editor.failures.watch(state.entry);
+  editor.failures.watch(state.pages);
+  editor.failures.watch(state.chapters);
+  editor.savingRecords.watch(state.pages);
+  editor.savingRecords.watch(state.chapters);
+  events.trigger('seed:loaded');
 });
 
 app.addInitializer(function (options) {
   state.fileUploader = new FileUploader({
     entry: state.entry,
-    fileTypes: editor$1.fileTypes
+    fileTypes: editor.fileTypes
   });
-  ConfirmUploadView.watch(state.fileUploader, editor$1.fileTypes, state.files);
-});
-
-app.addInitializer(function (options) {
-  editor$1.pageTypes.setup(options.page_types);
+  ConfirmUploadView.watch(state.fileUploader, editor.fileTypes, state.files);
 });
 
 app.addInitializer(function (options) {
-  var KEY_A = 65;
-  var KEY_X = 88;
-  $(document).on('keydown', function (event) {
-    if (event.altKey && event.which === KEY_A) {
-      if (pageflow.atmo.disabled) {
-        pageflow.atmo.enable();
-      } else {
-        pageflow.atmo.disable();
-      }
-    } else if (event.altKey && event.which === KEY_X) {
-      editor$1.navigate('pages/' + pageflow.slides.currentPage().data('id'), {
-        trigger: true
-      });
-    }
-  });
+  editor.pageTypes.setup(options.page_types);
 });
 
 app.addInitializer(function (options) {
-  editor$1.fileImporters.setup(options.config.fileImporters);
+  editor.fileImporters.setup(options.config.fileImporters);
 });
 
 app.addInitializer(function (options) {
@@ -8834,23 +8202,8 @@ app.addInitializer(function (options) {
   state.entry.pollForPendingFiles();
 });
 
-app.addInitializer(function (options) {
-  state.entry.on('change:pending_files_count', function (model, value) {
-    if (value < state.entry.previous('pending_files_count')) {
-      pageflow.stylesheet.reload('entry');
-    }
-  });
-  state.entry.on('use:files', function () {
-    pageflow.stylesheet.reload('entry');
-  });
-  state.entry.metadata.on('change:theme_name', function () {
-    var theme = state.entry.getTheme();
-    pageflow.stylesheet.update('theme', theme.get('stylesheet_path'));
-  });
-});
-
 app.addInitializer(function () {
-  _$1.each(editor$1.sideBarRoutings, function (options) {
+  _.each(editor.sideBarRoutings, function (options) {
     new options.router({
       controller: new options.controller({
         region: app.sidebarRegion,
@@ -8859,13 +8212,13 @@ app.addInitializer(function () {
     });
   });
 
-  editor$1.router = new SidebarRouter({
+  editor.router = new SidebarRouter({
     controller: new SidebarController({
       region: app.sidebarRegion,
       entry: state.entry
     })
   });
-  window.editor = editor$1.router;
+  window.editor = editor.router;
 });
 
 app.addInitializer(function () {
@@ -8887,7 +8240,7 @@ app.addInitializer(function ()
   var context = this;
   var args = arguments;
 
-  _$1.each(editor$1.initializers, function (fn) {
+  _.each(editor.initializers, function (fn) {
     fn.call(context, args);
   });
 });
@@ -8900,10 +8253,9 @@ app.addInitializer(function (options) {
     el: $('sidebar .scrolling'),
     region: app.sidebarRegion
   }).render();
-  app.previewRegion.show(new editor$1.entryType.previewView({
+  app.previewRegion.show(new editor.entryType.previewView({
     model: state.entry
   }));
-  app.indicatorsRegion.show(new DisabledAtmoIndicatorView());
   app.notificationsRegion.show(new NotificationsView());
   app.sidebarFooterRegion.show(new SidebarFooterView({
     model: state.entry
@@ -8922,4 +8274,4 @@ app.addRegions({
   sidebarFooterRegion: 'sidebar .sidebar_footer_container'
 });
 
-export { AudioFile, BackButtonDecoratorView, BackgroundImageEmbeddedView, BackgroundPositioningPreviewView, BackgroundPositioningSlidersView, BackgroundPositioningView, ChangeThemeDialogView, Chapter, ChapterConfiguration, ChapterPagesCollection, ChapterScaffold, ChaptersCollection, ChooseImporterView, Configuration, ConfirmEncodingView, ConfirmFileImportUploadView, ConfirmUploadView, ConfirmableFileItemView, DisabledAtmoIndicatorView, DropDownButtonItemListView, DropDownButtonItemView, DropDownButtonView, EditChapterView, EditConfigurationView, EditEntryView, EditFileView, EditLock, EditLockContainer, EditMetaDataView, EditPageLinkView, EditPageView, EditStorylineView, EditWidgetView, EditWidgetsView, EditorApi, EditorView, EmulationModeButtonView, EncodedFile, EncodingConfirmation, Entry, EntryMetadata, EntryMetadataFileSelectionHandler, EntryPublication, EntryPublicationQuotaDecoratorView, ExplorerFileItemView, Failure, FileConfiguration, FileImport, FileInputView, FileItemView, FileMetaDataItemValueView, FileMetaDataItemView, FileProcessingStateDisplayView, FileReuse, FileSettingsDialogView, FileStage, FileStageItemView, FileThumbnailView, FileTypes, FileTypesCollection, FileUploader, FilesCollection, FilesExplorerView, FilesImporterView, FilesView, FilteredFilesView, ForeignKeySubsetCollection, HelpButtonView, HelpImageView, HelpView, ImageFile, InfoBoxView, InvalidNestedTypeError, LazyVideoEmbeddedView, ListItemView, ListView, LoadingView, LockedView, ModelThumbnailView, NestedFilesCollection, NestedFilesView, NestedTypeError, NotificationsView, OrderedPageLinksCollection, OtherEntriesCollection, OtherEntriesCollectionView, OtherEntry, OtherEntryItemView, Page, PageConfigurationFileSelectionHandler, PageLink, PageLinkConfigurationEditorView, PageLinkFileSelectionHandler, PageLinkInputView, PageLinkItemView, PageLinksCollection, PageLinksView, PageThumbnailView, PagesCollection, PreviewEntryData, PublishEntryView, ReferenceInputView, ReusableFile, Scaffold, ScrollingView, SelectButtonView, SidebarController, SidebarFooterView, SidebarRouter, StaticThumbnailView, Storyline, StorylineChaptersCollection, StorylineConfiguration, StorylineOrdering, StorylineScaffold, StorylineTransitiveChildPages, StorylinesCollection, SubsetCollection, TextFileMetaDataItemValueView, TextTrackFile, TextTracksFileMetaDataItemValueView, TextTracksView, Theme, ThemeInputView, ThemeItemView, ThemesCollection, Theming, UnmatchedUploadError, UploadError, UploadableFile, UploadableFilesView, UploaderView, VideoFile, Widget, WidgetConfiguration, WidgetConfigurationFileSelectionHandler, WidgetItemView, WidgetTypes, WidgetsCollection, addAndReturnModel, app, authenticationProvider, configurationContainer, delayedDestroying, dialogView, editor$1 as editor, entryTypeEditorControllerUrls, failureIndicatingView, failureTracking, fileWithType, filesCountWatcher, formDataUtils, loadable, modelLifecycleTrackingView, orderedCollection, persistedPromise, polling, retryable, selectableView, stageProvider, startEditor, state, stylesheet, transientReferences, validFileTypeTranslationList };
+export { AudioFile, BackButtonDecoratorView, BackgroundImageEmbeddedView, BackgroundPositioningPreviewView, BackgroundPositioningSlidersView, BackgroundPositioningView, ChangeThemeDialogView, Chapter, ChapterConfiguration, ChapterPagesCollection, ChapterScaffold, ChaptersCollection, ChooseImporterView, Configuration, ConfirmEncodingView, ConfirmFileImportUploadView, ConfirmUploadView, ConfirmableFileItemView, DropDownButtonItemListView, DropDownButtonItemView, DropDownButtonView, EditConfigurationView, EditEntryView, EditFileView, EditLock, EditLockContainer, EditMetaDataView, EditWidgetView, EditWidgetsView, EditorApi, EditorView, EmulationModeButtonView, EncodedFile, EncodingConfirmation, Entry, EntryMetadata, EntryMetadataFileSelectionHandler, EntryPublication, EntryPublicationQuotaDecoratorView, ExplorerFileItemView, Failure, FileConfiguration, FileImport, FileInputView, FileItemView, FileMetaDataItemValueView, FileMetaDataItemView, FileProcessingStateDisplayView, FileReuse, FileSettingsDialogView, FileStage, FileStageItemView, FileThumbnailView, FileTypes, FileTypesCollection, FileUploader, FilesCollection, FilesExplorerView, FilesImporterView, FilesView, FilteredFilesView, ForeignKeySubsetCollection, HelpButtonView, HelpImageView, HelpView, ImageFile, InfoBoxView, InvalidNestedTypeError, LazyVideoEmbeddedView, ListItemView, ListView, LoadingView, LockedView, ModelThumbnailView, NestedFilesCollection, NestedFilesView, NestedTypeError, NotificationsView, OrderedPageLinksCollection, OtherEntriesCollection, OtherEntriesCollectionView, OtherEntry, OtherEntryItemView, Page, PageConfigurationFileSelectionHandler, PageLink, PageLinkConfigurationEditorView, PageLinkFileSelectionHandler, PageLinkItemView, PageLinksCollection, PageLinksView, PageThumbnailView, PagesCollection, PublishEntryView, ReferenceInputView, ReusableFile, Scaffold, ScrollingView, SelectButtonView, SidebarController, SidebarFooterView, SidebarRouter, StaticThumbnailView, Storyline, StorylineChaptersCollection, StorylineConfiguration, StorylineOrdering, StorylineScaffold, StorylineTransitiveChildPages, StorylinesCollection, SubsetCollection, TextFileMetaDataItemValueView, TextTrackFile, TextTracksFileMetaDataItemValueView, TextTracksView, Theme, ThemeInputView, ThemeItemView, ThemesCollection, Theming, UnmatchedUploadError, UploadError, UploadableFile, UploadableFilesView, UploaderView, VideoFile, Widget, WidgetConfiguration, WidgetConfigurationFileSelectionHandler, WidgetItemView, WidgetTypes, WidgetsCollection, addAndReturnModel, app, authenticationProvider, configurationContainer, delayedDestroying, dialogView, editor, entryTypeEditorControllerUrls, failureIndicatingView, failureTracking, fileWithType, filesCountWatcher, formDataUtils, loadable, modelLifecycleTrackingView, orderedCollection, persistedPromise, polling, retryable, selectableView, stageProvider, startEditor, state, stylesheet, transientReferences, validFileTypeTranslationList };