pageflow 15.1.0.beta2 → 15.1.0.beta3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3e6bebc8ab1b52e739e53dd904dcb3368d8c7377efb97d0560fe05b7e40c030a
-  data.tar.gz: 9dc8a17a0d956d868fa84cec00d65c516be85f302b6437e0ea066ec14aed3624
+  metadata.gz: c5d9a6a5ac383de659a43bebd5b2661ea4f6e4a23e7e38bcefec77081748c090
+  data.tar.gz: ede9d4a4348d772766395273832161b491610d8e3359981d2eadf84d7426f46d
 SHA512:
-  metadata.gz: 63156ad7cb52427ae9163c2c917555613e5203dcb780ea10a172d6d2577601f3a33710050fe470551cbfaba1374c18a2cdc431aa17e886ad7400bdf0bb99feb7
-  data.tar.gz: e1b45fb7b1b6157f3b3a5996752a23083290dfbd287fc22a8314fc01850af870f3f83ebd68aa14eaa89c05ef02785f590e11f245197329c6291198b36f35ecf1
+  metadata.gz: dc22ea8b562e6c9eec9f824a237c1b8b484053cc8fbf5e9c7a1ae87b27d19d8d445ef8a7e306b2560379e3ba96ba8e5df058ac187cf0cce2d307018cab7c60be
+  data.tar.gz: 952e0196d24fe608826f65bb2c30f14898b7987ce70b667a0e275de01488817b49f84e7ae7c46a86281b9bf6480697b8ef13e891489f3ee807445e0c7abfa4d6

data/CHANGELOG.md

@@ -1,5 +1,145 @@
 # CHANGELOG
 
+### Version 15.1.0.beta3
+
+2020-01-29
+
+[Compare changes](https://github.com/codevise/pageflow/compare/v15.1.0.beta2...v15.1.0.beta3)
+
+#### Core
+
+##### Host Application
+
+- Updated active admin to 2.5.0
+  ([#1280](https://github.com/codevise/pageflow/pull/1280))
+- Improve support for Webpack setup in host appplication
+  ([#1276](https://github.com/codevise/pageflow/pull/1276),
+   [#1279](https://github.com/codevise/pageflow/pull/1279))
+
+##### Admin
+
+- Improve add member button
+  ([#1195](https://github.com/codevise/pageflow/pull/1195))
+
+##### Editor
+
+- Bug fix: Prevent including pageflow/ui in pageflow/editor
+  ([#1309](https://github.com/codevise/pageflow/pull/1309))
+
+##### Engine Config
+
+- Render entry type specific editor seed data
+  ([#1265](https://github.com/codevise/pageflow/pull/1265))
+- Entry type specific editor views
+  ([#1262](https://github.com/codevise/pageflow/pull/1262))
+- Entry type specific editor assets
+  ([#1257](https://github.com/codevise/pageflow/pull/1257))
+- Let entry types provide frontend apps to render entries
+  ([#1254](https://github.com/codevise/pageflow/pull/1254),
+   [#1255](https://github.com/codevise/pageflow/pull/1255))
+- Extend config DSL for entry types
+  ([#1267](https://github.com/codevise/pageflow/pull/1267))
+- Allow scoping file types and widget types by entry types
+  ([#1283](https://github.com/codevise/pageflow/pull/1283))
+- Decouple revision components and file types from page types
+  ([#1256](https://github.com/codevise/pageflow/pull/1256),
+   [#1259](https://github.com/codevise/pageflow/pull/1259))
+- Consider feature flags for file types available in editor
+  ([#1275](https://github.com/codevise/pageflow/pull/1275))
+- Extract part of appearance options into paged entry type
+  ([#1304](https://github.com/codevise/pageflow/pull/1304))
+- Scope existing built ins to paged entry type
+  ([#1296](https://github.com/codevise/pageflow/pull/1296))
+- Integrate entry type specific config with feature flags
+  ([#1295](https://github.com/codevise/pageflow/pull/1295))
+- Decouple editor layout
+  ([#1284](https://github.com/codevise/pageflow/pull/1284))
+- Let entry types define editor controllers
+  ([#1271](https://github.com/codevise/pageflow/pull/1271))
+
+##### File Importers
+
+- Mentioned that file importer should be registered in a feature flag
+  ([#1266](https://github.com/codevise/pageflow/pull/1266))
+- File import feature flag
+  ([#1258](https://github.com/codevise/pageflow/pull/1258))
+- Bug fix: Minor file import lint change
+  ([#1269](https://github.com/codevise/pageflow/pull/1269))
+
+#### Paged Entry Type
+
+##### Editor
+
+- Bug fix: Fix page selection view
+  ([#1281](https://github.com/codevise/pageflow/pull/1281))
+
+##### Published Entry
+
+- Bug fix: Invalidate page partial cache on locale change
+  ([#1311](https://github.com/codevise/pageflow/pull/1311))
+- Bug fix: Do not prefix partial paths with pageflow_paged
+  ([#1320](https://github.com/codevise/pageflow/pull/1320))
+- Bug fix: Fix `link_to home_button` raises URLGenerationError
+  ([#1310](https://github.com/codevise/pageflow/pull/1310))
+
+##### Internal
+
+- Move PagedEntriesController to paged entry type engine
+  ([#1285](https://github.com/codevise/pageflow/pull/1285))
+- Move editor actions into editor controller
+  ([#1282](https://github.com/codevise/pageflow/pull/1282))
+
+#### Scrolled Entry Type
+
+##### Published Entry
+
+- Import scrolled entry type React app
+  ([#1264](https://github.com/codevise/pageflow/pull/1264))
+- Use seed data in scrolled entries
+  ([#1248](https://github.com/codevise/pageflow/pull/1248),
+   [#1270](https://github.com/codevise/pageflow/pull/1270),
+   [#1278](https://github.com/codevise/pageflow/pull/1278),
+   [#1286](https://github.com/codevise/pageflow/pull/1286))
+- Fix section index and references to adjacent chapters
+  ([#1316](https://github.com/codevise/pageflow/pull/1316))
+- Render uploaded images in scrolled entries
+  ([#1299](https://github.com/codevise/pageflow/pull/1299),
+   [#1303](https://github.com/codevise/pageflow/pull/1303))
+- Use chapters from db in navigaition bar
+  ([#1298](https://github.com/codevise/pageflow/pull/1298),
+   [#1308](https://github.com/codevise/pageflow/pull/1308))
+
+##### Editor
+
+- Render demo in editor
+  ([#1268](https://github.com/codevise/pageflow/pull/1268))
+- Use data from Backbone collections in scrolled editor preview
+  ([#1293](https://github.com/codevise/pageflow/pull/1293),
+   [#1294](https://github.com/codevise/pageflow/pull/1294))
+
+##### Internal
+
+- Pass scrolled entry to watchCollections in tests
+  ([#1317](https://github.com/codevise/pageflow/pull/1317))
+- Setup Capybara for scrolled engine
+  ([#1289](https://github.com/codevise/pageflow/pull/1289))
+- Set PAGEFLOW_EDITOR global in scrolled editor
+  ([#1287](https://github.com/codevise/pageflow/pull/1287))
+
+#### Development Setup
+
+- DB seed data for scrolled entries
+  ([#1274](https://github.com/codevise/pageflow/pull/1274),
+   [#1302](https://github.com/codevise/pageflow/pull/1302))
+- Split Travis run into multiple jobs
+  ([#1261](https://github.com/codevise/pageflow/pull/1261))
+- Generate JSDoc and SassDoc in GitHub workflow
+  ([#1307](https://github.com/codevise/pageflow/pull/1307))
+- Add needed command to node package development docs
+  ([#1290](https://github.com/codevise/pageflow/pull/1290))
+- Improve Capybara Chrome setup
+  ([#1291](https://github.com/codevise/pageflow/pull/1291))
+
 ### Version 15.1.0.beta2
 
 2019-12-05
@@ -36,7 +176,7 @@
 - Bug fix: Change revision#locale to always return string
   ([#1239](https://github.com/codevise/pageflow/pull/1239))
 
-#### Intenal
+#### Internal
 
 - Add entry type engines
   ([#1247](https://github.com/codevise/pageflow/pull/1247))

data/README.md

@@ -13,14 +13,11 @@ For a high level introduction and example Pageflow stories see
 
 * [Getting Started](https://github.com/codevise/pageflow/wiki/Getting-Started)
 * [Guides](https://github.com/codevise/pageflow/blob/master/doc/index.md)
-* [JavaScript API Reference](https://doclets.io/codevise/pageflow/master)
-* [Theme API Reference](http://codevise.github.io/pageflow/theme/master/)
+* [JavaScript API Reference of `pageflow` package](http://codevise.github.io/pageflow-docs/js/master/index.html)
+* [JavaScript API Reference of `pageflow-scrolled` package](http://codevise.github.io/pageflow-docs/scrolled/js/master/index.html)
+* [Theme API Reference](http://codevise.github.io/pageflow-docs/theme/master/index.html)
 * [List of Plugins](https://github.com/codevise/pageflow/wiki/List-of-Plugins)
 
-**NOTE:** The master branch now hosts the code for v13.x.x. 
-Please refer to [12-x-stable](https://github.com/codevise/pageflow/tree/12-x-stable) 
-branch for 12.x documentation.
-
 ## Updating
 
 For instructions on how to update from a prior version of the gem see

data/admins/pageflow/entry.rb

@@ -31,7 +31,7 @@ module Pageflow
 
       column class: 'buttons' do |entry|
         if authorized?(:edit, entry)
-          icon_link_to(pageflow.edit_entry_path(entry),
+          icon_link_to(pageflow.editor_entry_path(entry),
                        tooltip: I18n.t('pageflow.admin.entries.editor_hint'),
                        class: 'editor')
         end

data/app/assets/javascripts/pageflow/dist/editor.js

@@ -25,6 +25,21 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     };
   })();
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   /*global JST*/
 
   Marionette.Renderer.render = function (template, data) {
@@ -42,13 +57,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
 
     return JST[template](data);
   };
-
-  /**
-   * Helpers functions for handling translations.
-   *
-   * @memberof module:pageflow/ui
-   */
-
   /**
    * Returns an array of translation keys based on the `prefixes`
    * option and the given `keyName`.
@@ -68,8 +76,10 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    *   Required if `fallbackPrefix` option is present.
    *
    * @return {string[]}
+   * @memberof i18nUtils
    * @since 12.0
-     */
+   */
+
 
   function attributeTranslationKeys(attributeName, keyName, options) {
     var result = [];
@@ -88,14 +98,15 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
   /**
    * Takes the same parameters as {@link
-   * module:pageflow/ui.attributeTranslationKeys
-   * i18nUtils.attributeTranslationKeys}, but returns the first
-   * existing translation.
+   * #i18nutilsattributetranslationkeys attributeTranslationKeys}, but returns the first existing
+   * translation.
    *
    * @return {string}
+   * @memberof i18nUtils
    * @since 12.0
    */
 
+
   function attributeTranslation(attributeName, keyName, options) {
     return findTranslation(attributeTranslationKeys(attributeName, keyName, options));
   }
@@ -114,9 +125,11 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    *   If true, also search for keys ending in '_html' and HTML-escape
    *   keys that do not end in 'html'
    *
+   * @memberof i18nUtils
    * @return {string}
    */
 
+
   function findTranslation(keys, options) {
     options = options || {};
 
@@ -143,9 +156,11 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * @param {string[]} keys
    * Translation key candidates.
    *
+   * @memberof i18nUtils
    * @return {string}
    */
 
+
   function findKeyWithTranslation(keys) {
     var missing = '_not_translated';
     return _$1(keys).detect(function (key) {
@@ -154,13 +169,16 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       }) !== missing;
     }) || _$1.first(keys);
   }
+
   function translationKeysWithSuffix(keys, suffix) {
     return _$1.chain(keys).map(function (key) {
       return [key + '_' + suffix, key];
     }).flatten().value();
   }
 
-  var i18nUtils = /*#__PURE__*/Object.freeze({
+  var i18nUtils =
+  /*#__PURE__*/
+  Object.freeze({
     __proto__: null,
     attributeTranslationKeys: attributeTranslationKeys,
     attributeTranslation: attributeTranslation,
@@ -169,7 +187,180 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     translationKeysWithSuffix: translationKeysWithSuffix
   });
 
-  // https://github.com/jashkenas/backbone/issues/2601
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArrayLimit(arr, i) {
+    if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
+      return;
+    }
+
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+  }
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+  }
+  /**
+   * Create object that can be passed to Marionette ui property from CSS
+   * module object.
+   *
+   * @param {Object} styles
+   *   Class name mapping imported from `.module.css` file.
+   *
+   * @param {...string} classNames
+   *   Keys from the styles object that shall be used in the ui object.
+   *
+   * @return {Object}
+   *
+   * @example
+   *
+   *     // MyView.module.css
+   *
+   *     .container {}
+   *
+   *     // MyView.js
+   *
+   *     import Marionette from 'marionette';
+   *     import {cssModulesUtils} from 'pageflow/ui';
+   *
+   *     import styles from './MyView.module.css';
+   *
+   *     export const MyView = Marionette.ItemView({
+   *       template: () => `
+   *         <div class=${styles.container}></div>
+   *       `,
+   *
+   *       ui: cssModulesUtils.ui(styles, 'container'),
+   *
+   *       onRender() {
+   *         this.ui.container // => JQuery wrapper for container element
+   *       }
+   *     });
+   *
+   * @memberof cssModulesUtils
+   */
+
+
+  function ui(styles) {
+    for (var _len = arguments.length, classNames = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      classNames[_key - 1] = arguments[_key];
+    }
+
+    return classNames.reduce(function (result, className) {
+      result[className] = selector(styles, className);
+      return result;
+    }, {});
+  }
+  /**
+   * Create object that can be passed to Marionette events property from CSS
+   * module object.
+   *
+   * @param {Object} styles
+   *   Class name mapping imported from `.module.css` file.
+   *
+   * @param {Object} mapping
+   *   Events mapping using keys from the `styles` instead of CSS class names.
+   *
+   * @return {Object}
+   *
+   * @example
+   *
+   *     // MyView.module.css
+   *
+   *     .addButton {}
+   *
+   *     // MyView.js
+   *
+   *     import Marionette from 'marionette';
+   *     import {cssModulesUtils} from 'pageflow/ui';
+   *
+   *     import styles from './MyView.module.css';
+   *
+   *     export const MyView = Marionette.ItemView({
+   *       template: () => `
+   *         <button class=${styles.addButton}></button>
+   *       `,
+   *
+   *       events: cssModulesUtils.ui(styles, {
+   *         'click addButton': () => console.log('clicked add button');
+   *       })
+   *     });
+   *
+   * @memberof cssModulesUtils
+   */
+
+
+  function events(styles, mapping) {
+    return Object.keys(mapping).reduce(function (result, key) {
+      var _key$split = key.split(' '),
+          _key$split2 = _slicedToArray(_key$split, 2),
+          event = _key$split2[0],
+          className = _key$split2[1];
+
+      result["".concat(event, " ").concat(selector(styles, className))] = mapping[key];
+      return result;
+    }, {});
+  }
+  /**
+   * Generates a CSS selector from a CSS module rule.
+   *
+   * @param {Object} styles
+   *   Class name mapping imported from `.module.css` file.
+   *
+   * @param {String} className
+   *   Key from the `styles` object.
+   *
+   * @return {String} CSS Selector
+   * @memberof cssModulesUtils
+   */
+
+
+  function selector(styles, className) {
+    var classNames = styles[className];
+
+    if (!classNames) {
+      throw new Error("Unknown class name ".concat(className, " in mapping. Knwon names: ").concat(Object.keys(styles).join(', '), "."));
+    }
+
+    return ".".concat(classNames.replace(/ /g, '.'));
+  }
+
+  var cssModulesUtils =
+  /*#__PURE__*/
+  Object.freeze({
+    __proto__: null,
+    ui: ui,
+    events: events,
+    selector: selector
+  }); // https://github.com/jashkenas/backbone/issues/2601
 
   function BaseObject(options) {
     this.initialize.apply(this, arguments);
@@ -181,7 +372,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
 
 
   BaseObject.extend = Backbone.Model.extend;
-
   var CollectionView = Marionette.View.extend({
     initialize: function initialize() {
       this.rendered = false;
@@ -301,7 +491,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       }
     }
   });
-
   var SortableCollectionView = CollectionView.extend({
     render: function render() {
       CollectionView.prototype.render.call(this);
@@ -350,7 +539,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       });
     }
   });
-
   var ConfigurationEditorTabView = Marionette.View.extend({
     className: 'configuration_editor_tab',
     initialize: function initialize() {
@@ -409,15 +597,17 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   ConfigurationEditorTabView.groups = new ConfigurationEditorTabView.Groups();
 
   function template(data) {
-  var __p = '';
-  __p += '<div class="tabs_view-scroller">\n  <ul class="tabs_view-headers"></ul>\n</div>\n<div class="tabs_view-container"></div>\n';
-  return __p
+    var __p = '';
+    __p += '<div class="tabs_view-scroller">\n  <ul class="tabs_view-headers"></ul>\n</div>\n<div class="tabs_view-container"></div>\n';
+    return __p;
   }
-
   /*global pageflow*/
+
   /**
    * Switch between different views using tabs.
    *
+   * @param {Object} [options]
+   *
    * @param {string} [options.defaultTab]
    *   Name of the tab to enable by default.
    *
@@ -432,10 +622,12 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    *   Legacy alias for `fallbackTranslationKeyPrefix`.
    *
    * @class
-   * @memberof module:pageflow/ui
    */
 
-  var TabsView = Marionette.Layout.extend({
+
+  var TabsView = Marionette.Layout.extend(
+  /* @lends TabView.prototype */
+  {
     template: template,
     className: 'tabs_view',
     ui: {
@@ -541,10 +733,11 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       }
     }
   });
-
   /**
    * Render a inputs on multiple tabs.
    *
+   * @param {Object} [options]
+   *
    * @param {string} [options.model]
    *   Backbone model to use for input views.
    *
@@ -564,7 +757,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    *   Prefixes to append tab name to.
    *
    * @class
-   * @memberof module:pageflow/ui
    */
 
   var ConfigurationEditorView = Marionette.View.extend({
@@ -618,11 +810,10 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   function template$1(data) {
-  var __p = '';
-  __p += '';
-  return __p
+    var __p = '';
+    __p += '';
+    return __p;
   }
-
   /**
    * Base class for table cell views.
    *
@@ -630,12 +821,15 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * `this.options.column`. Override the `update` method to populate the
    * element.
    *
+   * @param {Object} [options]
+   *
    * @param {string} [options.className]
    *   Class attribute to apply to the cell element.
    *
    * @since 12.0
    */
 
+
   var TableCellView = Marionette.ItemView.extend({
     tagName: 'td',
     template: template$1,
@@ -716,7 +910,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       }
     }
   });
-
   var TableHeaderCellView = TableCellView.extend({
     tagName: 'th',
     render: function render() {
@@ -725,7 +918,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       return this;
     }
   });
-
   var TableRowView = Marionette.View.extend({
     tagName: 'tr',
     events: {
@@ -764,19 +956,17 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   function template$2(data) {
-  var __p = '';
-  __p += '<table>\n  <thead>\n    <tr></tr>\n  </thead>\n  <tbody>\n  </tbody>\n</table>\n';
-  return __p
+    var __p = '';
+    __p += '<table>\n  <thead>\n    <tr></tr>\n  </thead>\n  <tbody>\n  </tbody>\n</table>\n';
+    return __p;
   }
 
   function blankSlateTemplate(data) {
-  var __t, __p = '';
-  __p += '<td colspan="' +
-  ((__t = ( data.colSpan )) == null ? '' : __t) +
-  '">\n  ' +
-  ((__t = ( data.blankSlateText )) == null ? '' : __t) +
-  '\n</td>\n';
-  return __p
+    var __t,
+        __p = '';
+
+    __p += '<td colspan="' + ((__t = data.colSpan) == null ? '' : __t) + '">\n  ' + ((__t = data.blankSlateText) == null ? '' : __t) + '\n</td>\n';
+    return __p;
   }
 
   var TableView = Marionette.ItemView.extend({
@@ -823,9 +1013,9 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   function template$3(data) {
-  var __p = '';
-  __p += '<span class="label">\n</span>\n';
-  return __p
+    var __p = '';
+    __p += '<span class="label">\n</span>\n';
+    return __p;
   }
 
   var TooltipView = Marionette.ItemView.extend({
@@ -866,7 +1056,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       }, this), 200);
     }
   });
-
   /**
    * Mixin for input views handling common concerns like labels,
    * inline help, visiblity and disabling.
@@ -977,7 +1166,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    *   attribute equals the value of this option.
    *
    * @mixin
-   * @memberof module:pageflow/ui
    */
 
   var inputView = {
@@ -990,13 +1178,12 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
      * Returns an array of translation keys based on the
      * `attributeTranslationKeyPrefixes` option and the given keyName.
      *
-     * Combined with {@link
-     * module:pageflow/ui.findTranslation
+     * Combined with {@link #i18nutils
      * i18nUtils.findTranslation}, this can be used inside input views
      * to obtain additional translations with the same logic as for
      * labels and inline help texts.
      *
-     *      findTranslation(this.attributeTranslationKeys('default_value'));
+     * findTranslation(this.attributeTranslationKeys('default_value'));
      *
      * @param {string} keyName
      * Suffix to append to prefixes.
@@ -1100,19 +1287,20 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   };
 
   function template$4(data) {
-  var __p = '';
-  __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<div class="check_boxes_container" />\n';
-  return __p
+    var __p = '';
+    __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<div class="check_boxes_container" />\n';
+    return __p;
   }
-
   /**
    * Input view for attributes storing configuration hashes with boolean values.
+   * See {@link inputView} for further options.
+   *
+   * @param {Object} [options]
    *
-   * @see {@link module:pageflow/ui.inputView inputView} for further options
    * @class
-   * @memberof module:pageflow/ui
    */
 
+
   var CheckBoxGroupInputView = Marionette.ItemView.extend({
     mixins: [inputView],
     template: template$4,
@@ -1171,24 +1359,25 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   function template$5(data) {
-  var __t, __p = '';
-  __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<a class="original" href="#" download target="_blank">\n  ' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.url_display.link_text') )) == null ? '' : __t) +
-  '\n</a>\n';
-  return __p
-  }
+    var __t,
+        __p = '';
 
+    __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<a class="original" href="#" download target="_blank">\n  ' + ((__t = I18n.t('pageflow.ui.templates.inputs.url_display.link_text')) == null ? '' : __t) + '\n</a>\n';
+    return __p;
+  }
   /**
    * Display view for a link to a URL, to be used like an input view.
+   * See {@link inputView} for further options
+   *
+   * @param {Object} [options]
    *
    * @param {string} [options.propertyName]
    *   Target URL for link
    *
-   * @see {@link module:pageflow/ui.inputView inputView} for further options
    * @class
-   * @memberof module:pageflow/ui
    */
 
+
   var UrlDisplayView = Marionette.ItemView.extend({
     mixins: [inputView],
     template: template$5,
@@ -1213,10 +1402,11 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       this.ui.link.attr('href', url);
     }
   });
-
   /**
    * Text based input view that can display a placeholder.
    *
+   * @param {Object} [options]
+   *
    * @param {string|function} [options.placeholder]
    *   Display a placeholder string if the input is blank. Either a
    *   string or a function taking the model as a first parameter and
@@ -1232,10 +1422,8 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * @param {Backbone.Model} [options.placeholderModel]
    *   Obtain placeholder by looking up the configured `propertyName`
    *   inside a given model.
-   *
-   * @mixin
-   * @memberof module:pageflow/ui
    */
+
   var inputWithPlaceholderText = {
     onRender: function onRender() {
       this.updatePlaceholder();
@@ -1266,31 +1454,31 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   };
 
   function template$6(data) {
-  var __p = '';
-  __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<input type="text" dir="auto" />\n';
-  return __p
+    var __p = '';
+    __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<input type="text" dir="auto" />\n';
+    return __p;
   }
-
   /**
    * Input view for a single line of text.
    *
+   * See {@link inputWithPlaceholderText} for placeholder related
+   * further options.  See {@link inputView} for further options.
+   *
+   * @param {Object} [options]
+   *
    * @param {boolean} [options.required=false]
-   *   Display an error if the input is blank.
+   * Display an error if the input is blank.
    *
    * @param {number} [options.maxLength=255]
-   *   Maximum length of characters for this input.
-   *   To support legacy data which consists of more characters than the specified maxLength,
-   *   the option will only take effect for data which is shorter than the specified maxLength.
+   *   Maximum length of characters for this input.  To support legacy
+   *   data which consists of more characters than the specified
+   *   maxLength, the option will only take effect for data which is
+   *   shorter than the specified maxLength.
    *
-   * @see
-   * {@link module:pageflow/ui.inputWithPlaceholderText inputWithPlaceholderText}
-   * for placeholder related further options
-   *
-   * @see {@link module:pageflow/ui.inputView inputView} for further options
    * @class
-   * @memberof module:pageflow/ui
    */
 
+
   var TextInputView = Marionette.ItemView.extend({
     mixins: [inputView, inputWithPlaceholderText],
     template: template$6,
@@ -1354,9 +1542,11 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       this.ui.input.attr('title', '');
     }
   });
-
   /**
    * Input view for a color value in hex representation.
+   * See {@link inputView} for further options
+   *
+   * @param {Object} [options]
    *
    * @param {string|function} [options.defaultValue]
    *   Color value to display by default. The corresponding value is not
@@ -1375,9 +1565,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    *   down. The default value, if present, is always used as the
    *   first swatch automatically.
    *
-   * @see {@link module:pageflow/ui.inputView inputView} for further options
    * @class
-   * @memberof module:pageflow/ui
    */
 
   var ColorInputView = Marionette.ItemView.extend({
@@ -1444,13 +1632,15 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   function template$7(data) {
-  var __p = '';
-  __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<select></select>';
-  return __p
+    var __p = '';
+    __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<select></select>';
+    return __p;
   }
-
   /**
    * A drop down with support for grouped items.
+   * See {@link inputView} for further options
+   *
+   * @param {Object} [options]
    *
    * @param {string[]} [options.values]
    *   List of possible values to persist in the attribute.
@@ -1464,7 +1654,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * @param {string[]} [options.translationKeyPrefix]
    *   Obtain texts for items from translations by appending the item
    *   value to this prefix separated by a dot. By default the
-   *   [`attributeTranslationKeyPrefixes` option]{@link module:pageflow/ui:inputView}
+   *   [`attributeTranslationKeyPrefixes` option]{@link inputView}
    *   is used by appending the suffix `.values` to each candidate.
    *
    * @param {string[]} [options.groups]
@@ -1518,11 +1708,10 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    *   value of the `placeholderModel` occurs whenever the attribute is
    *   blank.
    *
-   * @see {@link module:pageflow/ui.inputView inputView} for further options
    * @class
-   * @memberof module:pageflow/ui
    */
 
+
   var SelectInputView = Marionette.ItemView.extend({
     mixins: [inputView],
     template: template$7,
@@ -1654,7 +1843,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       }
     }
   });
-
   var ExtendedSelectInputView = SelectInputView.extend({
     className: 'extended_select_input',
     initialize: function initialize() {
@@ -1755,41 +1943,18 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   function template$8(data) {
-  var __t, __p = '';
-  __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n\n<!-- inline style for wysihtml5 to pick up -->\n<textarea style="width: 100%;" dir="auto"></textarea>\n\n<div class="toolbar">\n  <a data-wysihtml5-command="bold" title="' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.bold') )) == null ? '' : __t) +
-  '"></a>\n  <a data-wysihtml5-command="italic" title="' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.italic') )) == null ? '' : __t) +
-  '"></a>\n  <a data-wysihtml5-command="underline" title="' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.underline') )) == null ? '' : __t) +
-  '"></a>\n  <a data-wysihtml5-command="createLink" class="link_button" title="' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.create_link') )) == null ? '' : __t) +
-  '"></a>\n  <a data-wysihtml5-command="insertOrderedList" title="' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.insert_ordered_list') )) == null ? '' : __t) +
-  '"></a>\n  <a data-wysihtml5-command="insertUnorderedList" title="' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.insert_unordered_list') )) == null ? '' : __t) +
-  '"></a>\n\n  <div data-wysihtml5-dialog="createLink" class="dialog link_dialog" style="display: none;">\n    <div class="link_type_select">\n      <label>\n        <input type="radio" name="link_type" class="url_link_radio_button">\n        ' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.link_type.url') )) == null ? '' : __t) +
-  '\n      </label>\n      <label>\n        <input type="radio" name="link_type" class="fragment_link_radio_button">\n        ' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.link_type.page_link') )) == null ? '' : __t) +
-  '\n      </label>\n    </div>\n    <div class="url_link_panel">\n      <label>\n        ' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.target') )) == null ? '' : __t) +
-  '\n      </label>\n      <input type="text" class="display_url">\n      <div class="open_in_new_tab_section">\n        <label>\n          <input type="checkbox" class="open_in_new_tab">\n          ' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.open_in_new_tab') )) == null ? '' : __t) +
-  '\n        </label>\n        <span class="inline_help">\n          ' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.open_in_new_tab_help') )) == null ? '' : __t) +
-  '\n        </span>\n      </div>\n    </div>\n    <div class="fragment_link_panel">\n      <!-- LinkInputView is inserted here -->\n    </div>\n\n    <!-- wysihtml5 does not handle hidden fields correctly -->\n    <div class="internal">\n      <input type="text" data-wysihtml5-dialog-field="href" class="current_url" value="http://">\n      <input type="text" data-wysihtml5-dialog-field="target" class="current_target" value="_blank">\n    </div>\n\n    <a class="button" data-wysihtml5-dialog-action="save">\n      ' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.save') )) == null ? '' : __t) +
-  '\n    </a>\n    <a class="button" data-wysihtml5-dialog-action="cancel">\n      ' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.cancel') )) == null ? '' : __t) +
-  '\n    </a>\n\n    <a data-wysihtml5-command="removeLink">' +
-  ((__t = ( I18n.t('pageflow.ui.templates.inputs.text_area_input.remove_link') )) == null ? '' : __t) +
-  '</a>\n  </div>\n</div>\n';
-  return __p
-  }
+    var __t,
+        __p = '';
 
+    __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n\n<!-- inline style for wysihtml5 to pick up -->\n<textarea style="width: 100%;" dir="auto"></textarea>\n\n<div class="toolbar">\n  <a data-wysihtml5-command="bold" title="' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.bold')) == null ? '' : __t) + '"></a>\n  <a data-wysihtml5-command="italic" title="' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.italic')) == null ? '' : __t) + '"></a>\n  <a data-wysihtml5-command="underline" title="' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.underline')) == null ? '' : __t) + '"></a>\n  <a data-wysihtml5-command="createLink" class="link_button" title="' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.create_link')) == null ? '' : __t) + '"></a>\n  <a data-wysihtml5-command="insertOrderedList" title="' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.insert_ordered_list')) == null ? '' : __t) + '"></a>\n  <a data-wysihtml5-command="insertUnorderedList" title="' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.insert_unordered_list')) == null ? '' : __t) + '"></a>\n\n  <div data-wysihtml5-dialog="createLink" class="dialog link_dialog" style="display: none;">\n    <div class="link_type_select">\n      <label>\n        <input type="radio" name="link_type" class="url_link_radio_button">\n        ' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.link_type.url')) == null ? '' : __t) + '\n      </label>\n      <label>\n        <input type="radio" name="link_type" class="fragment_link_radio_button">\n        ' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.link_type.page_link')) == null ? '' : __t) + '\n      </label>\n    </div>\n    <div class="url_link_panel">\n      <label>\n        ' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.target')) == null ? '' : __t) + '\n      </label>\n      <input type="text" class="display_url">\n      <div class="open_in_new_tab_section">\n        <label>\n          <input type="checkbox" class="open_in_new_tab">\n          ' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.open_in_new_tab')) == null ? '' : __t) + '\n        </label>\n        <span class="inline_help">\n          ' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.open_in_new_tab_help')) == null ? '' : __t) + '\n        </span>\n      </div>\n    </div>\n    <div class="fragment_link_panel">\n      <!-- LinkInputView is inserted here -->\n    </div>\n\n    <!-- wysihtml5 does not handle hidden fields correctly -->\n    <div class="internal">\n      <input type="text" data-wysihtml5-dialog-field="href" class="current_url" value="http://">\n      <input type="text" data-wysihtml5-dialog-field="target" class="current_target" value="_blank">\n    </div>\n\n    <a class="button" data-wysihtml5-dialog-action="save">\n      ' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.save')) == null ? '' : __t) + '\n    </a>\n    <a class="button" data-wysihtml5-dialog-action="cancel">\n      ' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.cancel')) == null ? '' : __t) + '\n    </a>\n\n    <a data-wysihtml5-command="removeLink">' + ((__t = I18n.t('pageflow.ui.templates.inputs.text_area_input.remove_link')) == null ? '' : __t) + '</a>\n  </div>\n</div>\n';
+    return __p;
+  }
   /**
    * Input view for multi line text with simple formatting options.
+   * See {@link inputWithPlaceholderText} for placeholder related options.
+   * See {@link inputView} for further options.
+   *
+   * @param {Object} [options]
    *
    * @param {string} [options.size="normal"]
    *   Pass `"short"` to reduce the text area height.
@@ -1805,15 +1970,10 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    *   of a url fragment. Will receive a model with a `linkId`
    *   attribute.
    *
-   * @see
-   * {@link module:pageflow/ui.inputWithPlaceholderText inputWithPlaceholderText}
-   * for placeholder related options
-   *
-   * @see {@link module:pageflow/ui.inputView inputView} for further options
    * @class
-   * @memberof module:pageflow/ui
    */
 
+
   var TextAreaInputView = Marionette.ItemView.extend({
     mixins: [inputView, inputWithPlaceholderText],
     template: template$8,
@@ -1994,13 +2154,15 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   function template$9(data) {
-  var __p = '';
-  __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<input type="text" />\n<div class="validation"></div>\n';
-  return __p
+    var __p = '';
+    __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<input type="text" />\n<div class="validation"></div>\n';
+    return __p;
   }
-
   /**
    * Input view for URLs.
+   * See {@link inputView} for further options
+   *
+   * @param {Object} [options]
    *
    * @param {string[]} options.supportedHosts
    *   List of allowed url prefixes.
@@ -2011,13 +2173,12 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * @param {boolean} [options.permitHttps=false]
    *   Allow urls with https protocol.
    *
-   * @see {@link module:pageflow/ui.inputView inputView} for further options
    * @class
-   * @memberof module:pageflow/ui
    */
 
+
   var UrlInputView = Marionette.Layout.extend(
-  /** @lends module:pageflow/ui.UrlInputView# */
+  /** @lends UrlInputView.prototype */
   {
     mixins: [inputView],
     template: template$9,
@@ -2143,7 +2304,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       }
     }
   });
-
   /**
    * Input view that verifies that a certain URL is reachable via a
    * proxy. To conform with same origin restrictions, this input view
@@ -2155,6 +2315,10 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * `http://example.com/some/path` but the string `/example/some/path`
    * is persisited to the database.
    *
+   * See {@link inputView} for further options
+   *
+   * @param {Object} options
+   *
    * @param {string} options.displayPropertyName
    *   Attribute name to store the url entered by the user.
    *
@@ -2184,13 +2348,11 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    *   ]
    * });
    *
-   * @see {@link module:pageflow/ui.inputView inputView} for further options
    * @class
-   * @memberof module:pageflow/ui
    */
 
   var ProxyUrlInputView = UrlInputView.extend(
-  /** @lends module:pageflow/ui.ProxyUrlInputView# */
+  /** @lends ProxyUrlInputView.prototype */
   {
     // @override
     validateUrl: function validateUrl(url) {
@@ -2207,11 +2369,11 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
         });
       }).promise();
     },
-    // @override
+    // override
     transformPropertyValue: function transformPropertyValue(url) {
       return this.rewriteUrl(url);
     },
-    // @override
+    // override
     supportedHosts: function supportedHosts() {
       return _$1.pluck(this.options.proxies, 'url');
     },
@@ -2225,19 +2387,20 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   function template$a(data) {
-  var __p = '';
-  __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<div class="value"></div>\n<div class="slider"></div>\n';
-  return __p
+    var __p = '';
+    __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<div class="value"></div>\n<div class="slider"></div>\n';
+    return __p;
   }
-
   /**
    * A slider for numeric inputs.
+   * See {@link inputView} for options
+   *
+   * @param {Object} [options]
    *
-   * @see {@link module:pageflow/ui.inputView inputView} for options
    * @class
-   * @memberof module:pageflow/ui
    */
 
+
   var SliderInputView = Marionette.ItemView.extend({
     mixins: [inputView],
     className: 'slider_input',
@@ -2277,9 +2440,9 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   function template$b(data) {
-  var __p = '';
-  __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n\n<textarea></textarea>\n';
-  return __p
+    var __p = '';
+    __p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n\n<textarea></textarea>\n';
+    return __p;
   }
 
   var JsonInputView = Marionette.ItemView.extend({
@@ -2346,23 +2509,24 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   function template$c(data) {
-  var __p = '';
-  __p += '<input type="checkbox" />\n<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>';
-  return __p
+    var __p = '';
+    __p += '<input type="checkbox" />\n<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>';
+    return __p;
   }
-
   /**
    * Input view for boolean values.
+   * See {@link inputView} for further options
+   *
+   * @param {Object} [options]
    *
    * @param {boolean} [options.displayUncheckedIfDisabled=false]
    *   Ignore the attribute value if the input is disabled and display
    *   an unchecked check box.
    *
-   * @see {@link module:pageflow/ui.inputView inputView} for further options
    * @class
-   * @memberof module:pageflow/ui
    */
 
+
   var CheckBoxInputView = Marionette.ItemView.extend({
     mixins: [inputView],
     template: template$c,
@@ -2398,7 +2562,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       }
     }
   });
-
   /**
    * A table cell mapping column attribute values to a list of
    * translations.
@@ -2426,13 +2589,12 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   function template$d(data) {
-  var __t, __p = '';
-  __p += '<a class="remove" title="' +
-  ((__t = ( I18n.t('pageflow.editor.templates.row.destroy') )) == null ? '' : __t) +
-  '"></a>\n';
-  return __p
-  }
+    var __t,
+        __p = '';
 
+    __p += '<a class="remove" title="' + ((__t = I18n.t('pageflow.editor.templates.row.destroy')) == null ? '' : __t) + '"></a>\n';
+    return __p;
+  }
   /**
    * A table cell providing a button which destroys the model that the
    * current row refers to.
@@ -2443,6 +2605,8 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    *
    * - `.cell_title` - Used as title attribute.
    *
+   * @param {Object} [options]
+   *
    * @param {function} [options.toggleDeleteButton]
    *   A function with boolean return value to be called on
    *   this.getModel(). Delete button will be visible only if the
@@ -2454,6 +2618,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * @since 12.0
    */
 
+
   var DeleteRowTableCellView = TableCellView.extend({
     className: 'delete_row_table_cell',
     template: template$d,
@@ -2488,7 +2653,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       this.getModel().destroy();
     }
   });
-
   /**
    * A table cell representing whether the column attribute is present
    * on the row model.
@@ -2516,7 +2680,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       this.$el.toggleClass('is_present', isPresent);
     }
   });
-
   /**
    * A table cell mapping column attribute values to icons.
    *
@@ -2527,6 +2690,8 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * - `.cell_title.<attribute_value>` - Used as title attribute.
    * - `.cell_title.blank` - Used as title attribute if attribute is blank.
    *
+   * @param {Object} [options]
+   *
    * @param {string[]} [options.icons]
    *   An array of all possible attribute values to be mapped to HTML
    *   classes of the same name. A global mapping from those classes to
@@ -2551,12 +2716,13 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       this.$el.removeClass(this.options.icons.join(' '));
     }
   });
-
   /**
    * A table cell using the row model's value of the column attribute as
    * text. If attribute value is empty, use most specific default
    * available.
    *
+   * @param {Object} [options]
+   *
    * @param {function|string} [options.column.default]
    *   A function returning a default value for display if attribute
    *   value is empty.
@@ -2596,7 +2762,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       }
     }
   });
-
   var subviewContainer = {
     subview: function subview(view) {
       this.subviews = this.subviews || new ChildViewContainer();
@@ -2613,7 +2778,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   };
   Cocktail.mixin(Marionette.View, subviewContainer);
-
   var tooltipContainer = {
     events: {
       'mouseover [data-tooltip]': function mouseoverDataTooltip(event) {
@@ -2685,7 +2849,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * Retryable failures should implement `retryAction`.
    *
    * @class
-   * @memberof module:pageflow/editor
    */
 
   var Failure = BaseObject.extend({
@@ -2706,25 +2869,9 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       return this.model.cid + '-' + this.type;
     }
   });
-  /**
-   * SavingFailure represents a unsuccessful attempt to save
-   * a model on the server.
-   *
-   * @class
-   * @memberof module:pageflow/editor
-   */
-
   var SavingFailure = Failure.extend({
     type: 'SavingFailure'
   });
-  /**
-   *  OrderingFailure represent a unsuccessful attempt to save
-   *  the ordering of a orderedCollection.
-   *
-   * @class
-   * @memberof module:pageflow/editor
-   */
-
   var OrderingFailure = Failure.extend({
     type: 'OrderingFailure',
     initialize: function initialize(model, collection) {
@@ -2748,12 +2895,11 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    *
    *     editor.failures.add(new OrderingFailure(model, collection));
    *
-   * @alias pageflow.Failures
-   * @memberof module:pageflow/editor
+   * @alias Failures
    */
 
   var FailuresAPI = BaseObject.extend(
-  /** @lends module:pageflow/editor.pageflow.Failures */
+  /** @lends Failures.prototype */
   {
     initialize: function initialize() {
       this.failures = {};
@@ -2762,8 +2908,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
 
     /**
      * Listen to the `error` and `sync` events of a collection and
-     * create {@link module:pageflow/editor.SavingFailure
-     * SavingFailure} objects.
+     * create failure objects.
      */
     watch: function watch(collection) {
       this.listenTo(collection, 'sync', this.remove);
@@ -2916,8 +3061,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     };
   });
 
-  /*global pageflow*/
-  var state = pageflow;
+  var state = window.pageflow || {};
 
   function template$e(data) {
   var __p = '';
@@ -3031,6 +3175,8 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * Base class for views used as `valueView` for file type meta data
    * attributes.
    *
+   * @param {Object} [options]
+   *
    * @param {string} [options.name]
    *   Name of the meta data item used in translation keys.
    *
@@ -3041,7 +3187,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * @since 12.0
    *
    * @class
-   * @memberof module:pageflow/editor
    */
 
   var FileMetaDataItemValueView = Marionette.ItemView.extend({
@@ -3077,18 +3222,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  /**
-   * Renders the value of the attribute given in `options.name`.
-   *
-   * @see {@link module:pageflow/editor.FileMetaDataItemValueView
-   * FileMetaDataItemValueView} for further options.
-   *
-   * @since 12.0
-   *
-   * @class
-   * @memberof module:pageflow/editor
-   */
-
   var TextFileMetaDataItemValueView = FileMetaDataItemValueView.extend({
     getText: function getText() {
       var model;
@@ -3249,12 +3382,16 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     },
     setup: function setup(serverSideConfigs) {
       this._setup = true;
-      var importers = this.importers;
+      var registeredImporters = this.importers;
+      var importers = {};
       serverSideConfigs.forEach(function (importer) {
-        importers[importer.importerName]['authenticationRequired'] = importer.authenticationRequired;
-        importers[importer.importerName]['authenticationProvider'] = importer.authenticationProvider;
-        importers[importer.importerName]['logoSource'] = importer.logoSource;
+        var regImporter = registeredImporters[importer.importerName];
+        regImporter['authenticationRequired'] = importer.authenticationRequired;
+        regImporter['authenticationProvider'] = importer.authenticationProvider;
+        regImporter['logoSource'] = importer.logoSource;
+        importers[importer.importerName] = regImporter;
       });
+      this.importers = importers;
     },
     find: function find(name) {
       if (!this.importers[name]) {
@@ -3369,27 +3506,83 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     };
   });
 
-  var WidgetType = BaseObject.extend({
-    initialize: function initialize(serverSideConfig, clientSideConfig) {
-      this.name = serverSideConfig.name;
-      this.translationKey = serverSideConfig.translationKey;
-      this.configurationEditorView = clientSideConfig.configurationEditorView;
-      this.isOptional = clientSideConfig.isOptional;
+  // different model types.  Backbone.Collection tries to merge records
+  // if they have the same id.
+
+  var MultiCollection = function MultiCollection() {
+    this.records = {};
+    this.length = 0;
+  };
+
+  _$1.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.trigger('add', record);
+      }
     },
-    hasConfiguration: function hasConfiguration() {
-      return !!this.configurationEditorView;
+    remove: function remove(record) {
+      if (this.records[record.cid]) {
+        delete this.records[record.cid];
+        this.length = _$1.keys(this.records).length;
+        this.trigger('remove', record);
+      }
     },
-    createConfigurationEditorView: function createConfigurationEditorView(options) {
-      var constructor = this.configurationEditorView;
-      return new constructor(_$1.extend({
-        attributeTranslationKeyPrefixes: ['pageflow.editor.widgets.attributes.' + this.name, 'pageflow.editor.widgets.common_attributes']
-      }, options));
+    isEmpty: function isEmpty() {
+      return this.length === 0;
     }
   });
 
-  var WidgetTypes = BaseObject.extend({
-    initialize: function initialize() {
-      this._clientSideConfigs = {};
+  _$1.extend(MultiCollection.prototype, Backbone.Events);
+
+  MultiCollection.extend = Backbone.Collection.extend;
+
+  /**
+   * Watch Backbone collections to track which models are currently
+   * being saved. Used to update the notifications view displaying
+   * saving status/failutes.
+   */
+
+  var SavingRecordsCollection = MultiCollection.extend({
+    /**
+     * Listen to events of models in collection to track when they are
+     * being saved.
+     *
+     * @param {Backbone.Collection} collection - Collection to watch.
+     */
+    watch: function watch(collection) {
+      var that = this;
+      this.listenTo(collection, 'request', function (model, xhr) {
+        that.add(model);
+        xhr.always(function () {
+          that.remove(model);
+        });
+      });
+    }
+  });
+
+  var WidgetType = BaseObject.extend({
+    initialize: function initialize(serverSideConfig, clientSideConfig) {
+      this.name = serverSideConfig.name;
+      this.translationKey = serverSideConfig.translationKey;
+      this.configurationEditorView = clientSideConfig.configurationEditorView;
+      this.isOptional = clientSideConfig.isOptional;
+    },
+    hasConfiguration: function hasConfiguration() {
+      return !!this.configurationEditorView;
+    },
+    createConfigurationEditorView: function createConfigurationEditorView(options) {
+      var constructor = this.configurationEditorView;
+      return new constructor(_$1.extend({
+        attributeTranslationKeyPrefixes: ['pageflow.editor.widgets.attributes.' + this.name, 'pageflow.editor.widgets.common_attributes']
+      }, options));
+    }
+  });
+
+  var WidgetTypes = BaseObject.extend({
+    initialize: function initialize() {
+      this._clientSideConfigs = {};
       this._optionalRoles = {};
     },
     register: function register(name, config) {
@@ -3433,14 +3626,16 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
+  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
-   * @memberof module:pageflow/editor
    */
 
   var EditorApi = BaseObject.extend(
-  /** @lends module:pageflow/editor.editor */
+  /** @lends editor */
   {
     initialize: function initialize(options) {
       this.router = options && options.router;
@@ -3451,50 +3646,80 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       /**
        * Failures API
        *
-       * @returns {pageflow.Failures}
-       *
-       * @alias failures
-       * @memberof module:pageflow/editor.editor
+       * @returns {Failures}
+       * @memberof editor
        */
 
       this.failures = new FailuresAPI();
+      /**
+       * Tracking records that are currently being saved.
+       *
+       * @returns {SavingRecordsCollection}
+       * @memberof editor
+       * @since 15.1
+       */
+
+      this.savingRecords = new SavingRecordsCollection();
       /**
        * Set up editor integration for page types.
-       * @alias pageTypes
-       * @memberof module:pageflow/editor.editor
+       * @memberof editor
        */
 
       this.pageTypes = new PageTypes();
       /**
        * Add tabs to the configuration editor of all pages.
-       * @alias commonPageConfigurationTabs
-       * @memberof module:pageflow/editor.editor
+       * @memberof editor
        */
 
       this.commonPageConfigurationTabs = new CommonPageConfigurationTabs();
       /**
        * Setup editor integration for widget types.
-       * @alias widgetType
-       * @memberof module:pageflow/editor.editor
+       * @memberof editor
        */
 
       this.widgetTypes = new WidgetTypes();
       /**
-       * @alias fileTypes
-       * @memberof module:pageflow/editor.editor
        * Set up editor integration for file types
+       * @memberof editor
        */
 
       this.fileTypes = new FileTypes();
       /**
        * List of available file import plugins
-       * @alias fileImporters
-       *  
+       * @memberof editor
        */
 
       this.fileImporters = new FileImporters();
     },
 
+    /**
+     * Configure editor for entry type.
+     *
+     * @param {string} name
+     *   Must match name of entry type registered in Ruby configuration.
+     * @param {Object} options
+     * @param {function} options.EntryModel
+     *   Backbone model extending {Entry} to store entry state.
+     * @param {function} options.EntryPreviewView
+     *   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.
+     */
+    registerEntryType: function registerEntryType(name, options) {
+      this.entryType = _objectSpread({
+        name: name
+      }, options);
+    },
+    createEntryModel: function createEntryModel(seed, options) {
+      var entry = new this.entryType.entryModel(seed.entry, options);
+
+      if (entry.setupFromEntryTypeSeed) {
+        entry.setupFromEntryTypeSeed(seed.entry_type, state);
+      }
+
+      return entry;
+    },
+
     /**
      *  Display Backbone/Marionette View inside the main panel
      *  of the editor.
@@ -3598,7 +3823,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
      * File selection handlers let editor extensions use the files view
      * to select files for usage in their custom models.
      *
-     * See {@link module:pageflow/editor.editor.selectFile
+     * See {@link #editorselectfile
      * selectFile} method for details how to trigger file selection.
      *
      * Example:
@@ -3629,7 +3854,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
      *
      * @param {string} handlerName
      *   The name of a handler registered via {@link
-     *   module:pageflow/editor.editor.registerFileSelectionHandler}.
+     *   #editorregisterfileselectionhandler registerFileSelectionHandler}.
      *
      * @param {Object} payload
      *   Options passed to the file selection handler.
@@ -3665,7 +3890,9 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
      *   whether the page is a valid selection
      */
     selectPage: function selectPage(options) {
-      return this.pageSelectionView.selectPage(options);
+      return this.pageSelectionView.selectPage(_objectSpread({}, options, {
+        entry: state.entry
+      }));
     },
     createFileSelectionHandler: function createFileSelectionHandler(handlerName, encodedPayload) {
       if (!this.fileSelectionHandlers[handlerName]) {
@@ -3673,7 +3900,9 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       }
 
       var payloadJson = JSON.parse(decodeURIComponent(encodedPayload));
-      return new this.fileSelectionHandlers[handlerName](payloadJson);
+      return new this.fileSelectionHandlers[handlerName](_objectSpread({}, payloadJson, {
+        entry: state.entry
+      }));
     },
     createPageConfigurationEditorView: function createPageConfigurationEditorView(page, options) {
       var view = this.pageTypes.findByPage(page).createConfigurationEditorView(_$1.extend(options, {
@@ -3684,11 +3913,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  /**
-   * The Pageflow editor.
-   * @module pageflow/editor
-   */
-
   var editor = new EditorApi();
   var startEditor = function startEditor(options) {
     $(function () {
@@ -3700,6 +3924,79 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     });
   };
 
+  /**
+   * Mixins for Backbone models and collections that use entry type
+   * specific editor controllers registered via the `editor_app` entry
+   * type option.
+   */
+
+  var entryTypeEditorControllerUrls = {
+    /**
+     * Mixins for Backbone collections that defines `url` method.
+     *
+     * @param {Object} options
+     * @param {String} options.resources - Path suffix of the controller route
+     *
+     * @example
+     *
+     * import {editor, entryTypeEditorControllerUrls} from 'pageflow/editor';
+     *
+     * editor.registerEntryType('test', {
+         // ...
+       });
+     *
+     * export const ItemsCollection = Backbone.Collection.extend({
+     *   mixins: [entryTypeEditorControllerUrls.forCollection({resources: 'items'})
+     * });
+     *
+     * new ItemsCollection().url() // => '/editor/entries/10/test/items'
+     */
+    forCollection: function forCollection(_ref) {
+      var resources = _ref.resources;
+      return {
+        url: function url() {
+          return entryTypeEditorControllerUrl(resources);
+        },
+        urlSuffix: function urlSuffix() {
+          return "/".concat(resources);
+        }
+      };
+    },
+
+    /**
+     * Mixins for Backbone models that defines `urlRoot` method.
+     *
+     * @param {Object} options
+     * @param {String} options.resources - Path suffix of the controller route
+     *
+     * @example
+     *
+     * import {editor, entryTypeEditorControllerUrls} from 'pageflow/editor';
+     *
+     * editor.registerEntryType('test', {
+       // ...
+       });
+     *
+     * export const Item = Backbone.Model.extend({
+     *   mixins: [entryTypeEditorControllerUrls.forModel({resources: 'items'})
+     * });
+     *
+     * new Item({id: 20}).url() // => '/editor/entries/10/test/items/20'
+     */
+    forModel: function forModel(_ref2) {
+      var resources = _ref2.resources;
+      return {
+        urlRoot: function urlRoot() {
+          return this.isNew() ? this.collection.url() : entryTypeEditorControllerUrl(resources);
+        }
+      };
+    }
+  };
+
+  function entryTypeEditorControllerUrl(resources) {
+    return [state.entry.url(), editor.entryType.name, resources].join('/');
+  }
+
   var formDataUtils = {
     fromModel: function fromModel(model) {
       var object = {};
@@ -3807,7 +4104,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       this.reset();
     },
     url: function url() {
-      return this.parentModel.url() + _$1.result(this.parent, 'url');
+      return this.parentModel.url() + (_$1.result(this.parent, 'urlSuffix') || _$1.result(this.parent, 'url'));
     },
     dispose: function dispose() {
       this.stopListening();
@@ -3918,7 +4215,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   var EditLock = Backbone.Model.extend({
     paramRoot: 'edit_lock',
     url: function url() {
-      return state.entry.url() + '/edit_lock?timestamp=' + new Date().getTime();
+      return '/entries/' + state.entry.get('id') + '/edit_lock?timestamp=' + new Date().getTime();
     },
     toJSON: function toJSON() {
       return {
@@ -4116,10 +4413,22 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     Cocktail.mixin(Configuration, mixin);
   });
 
+  /**
+   * Remove model from collection only after the `DELETE` request has
+   * succeeded. Still allow tracking that the model is being destroyed
+   * by triggering a `destroying` event and adding a `isDestroying`
+   * method.
+   */
+
   var delayedDestroying = {
     initialize: function initialize() {
       this._destroying = false;
     },
+
+    /**
+     * Trigger `destroying` event and send `DELETE` request. Only remove
+     * model from collection once the request is done.
+     */
     destroyWithDelay: function destroyWithDelay() {
       var model = this;
       this._destroying = true;
@@ -4134,11 +4443,19 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
         }
       });
     },
+
+    /**
+     * Get whether the model is currently being destroyed.
+     */
     isDestroying: function isDestroying() {
       return this._destroying;
     }
   };
 
+  /**
+   * Mixin for Backbone models that shall be watched by {@link
+   * modelLifecycleTrackingView} mixin.
+   */
   var failureTracking = {
     initialize: function initialize() {
       this._saveFailed = false;
@@ -4735,9 +5052,23 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  var EntryConfiguration = Configuration.extend({
+  var EntryMetadataConfiguration = Configuration.extend({
+    modelName: 'entry_metadata_configuration',
+    i18nKey: 'pageflow/entry_metadata_configuration',
+    defaults: {}
+  });
+
+  var EntryMetadata = Configuration.extend({
     modelName: 'entry',
-    i18nKey: 'pageflow/entry'
+    i18nKey: 'pageflow/entry',
+    defaults: {},
+    initialize: function initialize(attributes, options) {
+      this.configuration = new EntryMetadataConfiguration(_$1.clone(attributes.configuration) || {});
+      this.listenTo(this.configuration, 'change', function () {
+        this.trigger('change');
+        this.parent.save();
+      });
+    }
   });
 
   var StorylineConfiguration = Configuration.extend({
@@ -4916,16 +5247,16 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  var EntryConfigurationFileSelectionHandler = function EntryConfigurationFileSelectionHandler(options) {
+  var EntryMetadataFileSelectionHandler = function EntryMetadataFileSelectionHandler(options) {
     this.call = function (file) {
-      state.entry.configuration.setReference(options.attributeName, file);
+      state.entry.metadata.setReference(options.attributeName, file);
     };
 
     this.getReferer = function () {
       return '/meta_data/' + (options.returnToTab || 'general');
     };
   };
-  editor.registerFileSelectionHandler('entryConfiguration', EntryConfigurationFileSelectionHandler);
+  editor.registerFileSelectionHandler('entryMetadata', EntryMetadataFileSelectionHandler);
 
   var EntryPublication = Backbone.Model.extend({
     paramRoot: 'entry_publication',
@@ -4972,7 +5303,20 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  var EntryData = BaseObject.extend({
+  // https://github.com/jashkenas/backbone/issues/2601
+
+  function BaseObject$1(options) {
+    this.initialize.apply(this, arguments);
+  }
+
+  _$1.extend(BaseObject$1.prototype, Backbone.Events, {
+    initialize: function initialize(options) {}
+  }); // The self-propagating extend function that Backbone classes use.
+
+
+  BaseObject$1.extend = Backbone.Model.extend;
+
+  var EntryData = BaseObject$1.extend({
     getThemingOption: function getThemingOption(name) {
       throw 'Not implemented';
     },
@@ -5569,6 +5913,76 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   };
   editor.registerFileSelectionHandler('pageLink', PageLinkFileSelectionHandler);
 
+  /**
+   * Mixins for models with a nested configuration model.
+   *
+   * Triggers events on the parent model of the form
+   * `change:configuration` and `change:configuration:<attribute>`, when
+   * the configuration changes.
+   *
+   * @param {Object} [options]
+   * @param {Function} [options.configurationModel] -
+   *   Backbone model to use for nested configuration model.
+   * @param {Boolean} [options.autoSave] -
+   *   Save model when configuration changes.
+   * @param {Boolean|Array<String>} [options.includeAttributesInJSON] -
+   *   Include all or specific attributes of the parent model in the
+   *   data returned by `toJSON` besides the `configuration` property.
+   * @returns {Object} - Mixin to be included in model.
+   *
+   * @example
+   *
+   * import {configurationContainer} from 'pageflow/editor';
+   *
+   * const Section = Backbone.Model.extend({
+   *   mixins: [configurationContainer({autoSave: true})]
+   * });
+   *
+   * const section = new Section({configuration: {some: 'value'}});
+   * section.configuration.get('some') // => 'value';
+   */
+
+  function configurationContainer() {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        configurationModel = _ref.configurationModel,
+        autoSave = _ref.autoSave,
+        includeAttributesInJSON = _ref.includeAttributesInJSON;
+
+    configurationModel = configurationModel || Configuration.extend({
+      defaults: {}
+    });
+    return {
+      initialize: function initialize() {
+        this.configuration = new configurationModel(this.get('configuration'));
+        this.configuration.parent = this;
+        this.listenTo(this.configuration, 'change', function () {
+          if (!this.isNew() && autoSave) {
+            this.save();
+          }
+
+          this.trigger('change:configuration', this);
+
+          _$1.chain(this.configuration.changed).keys().each(function (name) {
+            this.trigger('change:configuration:' + name, this, this.configuration.get(name));
+          }, this);
+        });
+      },
+      toJSON: function toJSON() {
+        var attributes = {};
+
+        if (includeAttributesInJSON === true) {
+          attributes = _$1.clone(this.attributes);
+        } else if (includeAttributesInJSON) {
+          attributes = _$1.pick(this.attributes, includeAttributesInJSON);
+        }
+
+        return _$1.extend(attributes, {
+          configuration: this.configuration.toJSON()
+        });
+      }
+    };
+  }
+
   var persistedPromise = {
     persisted: function persisted() {
       var model = this;
@@ -5645,15 +6059,15 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
 
   var Entry = Backbone.Model.extend({
     paramRoot: 'entry',
-    urlRoot: '/entries',
+    urlRoot: '/editor/entries',
     modelName: 'entry',
     i18nKey: 'pageflow/entry',
     collectionName: 'entries',
     mixins: [filesCountWatcher, polling, failureTracking],
     initialize: function initialize(attributes, options) {
       options = options || {};
-      this.configuration = new EntryConfiguration(this.get('configuration') || {});
-      this.configuration.parent = this;
+      this.metadata = new EntryMetadata(this.get('metadata') || {});
+      this.metadata.parent = this;
       this.themes = options.themes || state.themes;
       this.files = options.files || state.files;
       this.fileTypes = options.fileTypes || editor.fileTypes;
@@ -5675,11 +6089,11 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       this.listenTo(this.chapters, 'sort', function () {
         this.pages.sort();
       });
-      this.listenTo(this.configuration, 'change', function () {
-        this.trigger('change:configuration');
+      this.listenTo(this.metadata, 'change', function () {
+        this.trigger('change:metadata');
         this.save();
       });
-      this.listenTo(this.configuration, 'change:locale', function () {
+      this.listenTo(this.metadata, 'change:locale', function () {
         this.once('sync', function () {
           // No other way of updating page templates used in
           // EntryPreviewView at the moment.
@@ -5688,7 +6102,10 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       });
     },
     getTheme: function getTheme() {
-      return this.themes.findByName(this.configuration.get('theme_name'));
+      return this.themes.findByName(this.metadata.get('theme_name'));
+    },
+    supportsPhoneEmulation: function supportsPhoneEmulation() {
+      return pageflow.features.isEnabled('editor_emulation_mode');
     },
     addStoryline: function addStoryline(attributes) {
       var storyline = this.buildStoryline(attributes);
@@ -5771,7 +6188,10 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       }, this);
     },
     toJSON: function toJSON() {
-      return this.configuration.toJSON();
+      var metadataJSON = this.metadata.toJSON();
+      var configJSON = this.metadata.configuration.toJSON();
+      metadataJSON.configuration = configJSON;
+      return metadataJSON;
     }
   });
 
@@ -5929,6 +6349,61 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
+  /**
+   * A Backbone collection that is automatically updated to only
+   * contain models with a foreign key matching the id of a parent
+   * model.
+   *
+   * @param {Object} options
+   * @param {Backbone.Model} options.parentModel -
+   *   Model whose id is compared to foreign keys.
+   * @param {Backbone.Collection} options.parent -
+   *   Collection to filter items with matching foreign key from.
+   * @param {String} options.foreignKeyAttribute -
+   *   Attribute to compare to id of parent model.
+   * @param {String} options.parentReferenceAttribute -
+   *   Set reference to parent model on models in collection.
+   *
+   * @since 15.1
+   */
+
+  var ForeignKeySubsetCollection = SubsetCollection.extend({
+    mixins: [orderedCollection],
+    constructor: function constructor(options) {
+      var parent = options.parent;
+      var parentModel = options.parentModel;
+      SubsetCollection.prototype.constructor.call(this, {
+        parent: parent,
+        parentModel: parentModel,
+        filter: function filter(item) {
+          return !parentModel.isNew() && item.get(options.foreignKeyAttribute) === parentModel.id;
+        },
+        comparator: function comparator(item) {
+          return item.get('position');
+        }
+      });
+      this.listenTo(this, 'add', function (model) {
+        if (options.parentReferenceAttribute) {
+          model[options.parentReferenceAttribute] = parentModel;
+        }
+
+        model.set(options.foreignKeyAttribute, parentModel.id);
+      });
+      this.listenTo(parentModel, 'destroy', function () {
+        this.clear();
+      });
+
+      if (options.parentReferenceAttribute) {
+        this.each(function (model) {
+          return model[options.parentReferenceAttribute] = parentModel;
+        });
+        this.listenTo(this, 'remove', function (model) {
+          model[options.parentReferenceAttribute] = null;
+        });
+      }
+    }
+  });
+
   var PageLinksCollection = Backbone.Collection.extend({
     model: PageLink,
     initialize: function initialize(models, options) {
@@ -6148,50 +6623,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   };
   Cocktail.mixin(Backbone.Collection, addAndReturnModel);
 
-  // different model types.  Backbone.Collection tries to merge records
-  // if they have the same id.
-
-  var MultiCollection = function MultiCollection() {
-    this.records = {};
-    this.length = 0;
-  };
-
-  _$1.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.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.trigger('remove', record);
-      }
-    },
-    isEmpty: function isEmpty() {
-      return this.length === 0;
-    }
-  });
-
-  _$1.extend(MultiCollection.prototype, Backbone.Events);
-
-  MultiCollection.extend = Backbone.Collection.extend;
-
-  var SavingRecordsCollection = MultiCollection.extend({
-    watch: function watch(collection) {
-      var that = this;
-      this.listenTo(collection, 'request', function (model, xhr) {
-        that.add(model);
-        xhr.always(function () {
-          that.remove(model);
-        });
-      });
-    }
-  });
-
   var SidebarRouter = Marionette.AppRouter.extend({
     appRoutes: {
       'page_links/:id': 'pageLink',
@@ -6235,6 +6666,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       this.outlet.show(this.options.view);
     },
     goBack: function goBack() {
+      this.options.view.onGoBack && this.options.view.onGoBack();
       editor.navigate('/', {
         trigger: true
       });
@@ -6372,35 +6804,98 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     });
   };
 
-  var failureIndicatingView = {
-    modelEvents: {
-      'change:failed': 'updateFailIndicator'
-    },
-    events: {
-      'click .retry': function clickRetry() {
+  /**
+   * Mixin for Marionette Views that sets css class names according to
+   * life cycle events of its model.
+   *
+   * @param {Object} options
+   * @param {Object} options.classNames
+   * @param {String} options.classNames.creating -
+   *   Class name to add to root element while model is still being created.
+   * @param {String} options.classNames.destroying -
+   *   Class name to add to root element while model is being destroyed.
+   * @param {String} options.classNames.failed -
+   *   Class name to add to root element while model is in failed state.
+   *   Model needs to include {@link failureTracking} mixin.
+   * @param {String} options.classNames.failureMessage -
+   *   Class name of the element that shall be updated with the failure
+   *   message. Model needs to include {@link failureTracking} mixin.
+   * @param {String} options.classNames.retryButton -
+   *   Class name of the element that shall act as a retry button.
+   */
+
+  function modelLifecycleTrackingView(_ref) {
+    var classNames = _ref.classNames;
+    return {
+      events: _defineProperty({}, "click .".concat(classNames.retryButton), function click() {
         editor.failures.retry();
         return false;
-      }
-    },
-    onRender: function onRender() {
-      this.updateFailIndicator();
-    },
-    updateFailIndicator: function updateFailIndicator() {
-      this.$el.toggleClass('failed', this.model.isFailed());
-      this.$el.find('.failure .message').text(this.model.getFailureMessage());
-    }
-  };
+      }),
+      initialize: function initialize() {
+        var _this = this;
 
-  function template$k(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) +
+        if (classNames.creating) {
+          this.listenTo(this.model, 'change:id', function () {
+            this.$el.removeClass(classNames.creating);
+          });
+        }
+
+        if (classNames.destroying) {
+          this.listenTo(this.model, 'destroying', function () {
+            this.$el.addClass(classNames.destroying);
+          });
+          this.listenTo(this.model, 'error', function () {
+            this.$el.removeClass(classNames.destroying);
+          });
+        }
+
+        if (classNames.failed || classNames.failureMessage) {
+          this.listenTo(this.model, 'change:failed', function () {
+            return _this.updateFailIndicator();
+          });
+        }
+      },
+      render: function render() {
+        if (this.model.isNew()) {
+          this.$el.addClass(classNames.creating);
+        }
+
+        if (this.model.isDestroying && this.model.isDestroying()) {
+          this.$el.addClass(classNames.destroying);
+        }
+
+        this.updateFailIndicator();
+      },
+      updateFailIndicator: function updateFailIndicator() {
+        if (classNames.failed) {
+          this.$el.toggleClass(classNames.failed, this.model.isFailed());
+        }
+
+        if (classNames.failureMessage) {
+          this.$el.find(".".concat(classNames.failureMessage)).text(this.model.getFailureMessage());
+        }
+      }
+    };
+  }
+
+  var failureIndicatingView = modelLifecycleTrackingView({
+    classNames: {
+      failed: 'failed',
+      failureMessage: 'failure .message',
+      retryButton: 'retry'
+    }
+  });
+
+  function template$k(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
   }
@@ -6449,421 +6944,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   function template$l(data) {
-  var __p = '';
-  __p += '<div class="pictogram"></div>\n';
-  return __p
-  }
-
-  var FileThumbnailView = Marionette.ItemView.extend({
-    className: 'file_thumbnail',
-    template: template$l,
-    modelEvents: {
-      'change:state': 'update'
-    },
-    ui: {
-      pictogram: '.pictogram'
-    },
-    onRender: function onRender() {
-      this.update();
-    },
-    update: function update() {
-      if (this.model) {
-        var stage = this.model.currentStage();
-
-        if (stage) {
-          this.setStageClassName(stage.get('name'));
-          this.ui.pictogram.toggleClass('action_required', stage.get('action_required'));
-          this.ui.pictogram.toggleClass('failed', stage.get('failed'));
-        } else {
-          this.ui.pictogram.removeClass(this.model.stages.pluck('name').join(' '));
-        }
-
-        this.ui.pictogram.addClass(this.model.thumbnailPictogram);
-        this.$el.css('background-image', this._imageUrl() ? 'url(' + this._imageUrl() + ')' : '');
-        this.$el.removeClass('empty').toggleClass('always_picogram', !!this.model.thumbnailPictogram).toggleClass('ready', this.model.isReady());
-      } else {
-        this.$el.css('background-image', '');
-        this.$el.removeClass('ready');
-        this.ui.pictogram.addClass('empty');
-      }
-    },
-    setStageClassName: function setStageClassName(name) {
-      if (!this.$el.hasClass(name)) {
-        this.ui.pictogram.removeClass('empty');
-        this.ui.pictogram.removeClass(this.model.stages.pluck('name').join(' '));
-        this.ui.pictogram.addClass(name);
-      }
-    },
-    _imageUrl: function _imageUrl() {
-      return this.model.get(this.options.imageUrlPropertyName || 'thumbnail_url');
-    }
-  });
-
-  function template$m(data) {
-  var __p = '';
-  __p += '\n';
-  return __p
-  }
-
-  var StaticThumbnailView = Marionette.ItemView.extend({
-    template: template$m,
-    className: 'static_thumbnail',
-    modelEvents: {
-      'change:configuration': 'update'
-    },
-    onRender: function onRender() {
-      this.update();
-    },
-    update: function update() {
-      this.$el.css('background-image', 'url(' + this._imageUrl() + ')');
-    },
-    _imageUrl: function _imageUrl() {
-      return this.model.thumbnailUrl();
-    }
-  });
-
-  /**
-   * Base thumbnail view for models supporting a `thumbnailFile` method.
-   *
-   * @class
-   * @memberof module:pageflow/editor
-   */
-
-  var ModelThumbnailView = Marionette.View.extend({
-    className: 'model_thumbnail',
-    modelEvents: {
-      'change:configuration': 'update'
-    },
-    render: function render() {
-      this.update();
-      return this;
-    },
-    update: function update() {
-      if (this.model) {
-        if (_$1.isFunction(this.model.thumbnailFile)) {
-          var file = this.model && this.model.thumbnailFile();
-
-          if (this.thumbnailView && this.currentFileThumbnail == file) {
-            return;
-          }
-
-          this.currentFileThumbnail = file;
-          this.newThumbnailView = new FileThumbnailView({
-            model: file,
-            className: 'thumbnail file_thumbnail',
-            imageUrlPropertyName: this.options.imageUrlPropertyName
-          });
-        } else {
-          this.newThumbnailView = this.newThumbnailView || new StaticThumbnailView({
-            model: this.model
-          });
-        }
-      }
-
-      if (this.thumbnailView) {
-        this.thumbnailView.close();
-      }
-
-      if (this.model) {
-        this.thumbnailView = this.subview(this.newThumbnailView);
-        this.$el.append(this.thumbnailView.el);
-      }
-    }
-  });
-
-  var PageThumbnailView = ModelThumbnailView.extend({
-    className: 'model_thumbnail page_thumbnail'
-  });
-
-  function template$n(data) {
-  var __t, __p = '';
-  __p += '<a href="">\n  <span class="type_pictogram"></span>\n  <span class="page_thumbnail"></span>\n  <span class="title"></span>\n  <span class="failure_icon" title="' +
-  ((__t = ( I18n.t('pageflow.editor.templates.page_item.save_error') )) == null ? '' : __t) +
-  '" />\n</a>\n';
-  return __p
-  }
-
-  var PageItemView = Marionette.ItemView.extend({
-    tagName: 'li',
-    template: template$n,
-    ui: {
-      title: '.title',
-      pictogram: '.type_pictogram',
-      pageThumbnail: '.page_thumbnail'
-    },
-    modelEvents: {
-      'change:title': 'update',
-      'change:active': 'update'
-    },
-    onRender: function onRender() {
-      this.subview(new PageThumbnailView({
-        el: this.ui.pageThumbnail,
-        model: this.model
-      }));
-      this.update();
-    },
-    update: function update() {
-      this.$el.attr('data-id', this.model.id);
-      this.$el.attr('data-perma-id', this.model.get('perma_id'));
-      this.$el.toggleClass('active', this.model.get('active'));
-      this.$el.toggleClass('disabled', !!(this.options.isDisabled && this.options.isDisabled(this.model)));
-      this.$el.toggleClass('display_in_navigation', !!this.model.configuration.get('display_in_navigation'));
-      this.$el.removeClass(editor.pageTypes.pluck('name').join(' ')).addClass(this.model.get('template'));
-      this.ui.pictogram.attr('title', this._getPictogramTitle());
-      this.ui.title.text(this.model.title() || I18n$1.t('pageflow.editor.views.page_item_view.unnamed'));
-    },
-    _getPictogramTitle: function _getPictogramTitle() {
-      var result = I18n$1.t(this.model.pageType().translationKey());
-      result += ' Seite';
-
-      if (this.options.displayInNavigationHint && !this.model.configuration.get('display_in_navigation')) {
-        result += ' (nicht in Navigationsleiste)';
-      }
-
-      return result;
-    }
-  });
-
-  var loadable = {
-    modelEvents: {
-      'change:id': function changeId() {
-        this.$el.removeClass('creating');
-      },
-      destroying: function destroying() {
-        this.$el.addClass('destroying');
-      },
-      error: function error() {
-        this.$el.removeClass('destroying');
-      }
-    },
-    render: function render() {
-      if (this.model.isNew()) {
-        this.$el.addClass('creating');
-      }
-
-      if (this.model.isDestroying && this.model.isDestroying()) {
-        this.$el.addClass('destroying');
-      }
-    }
-  };
-
-  var NavigatablePageItemView = PageItemView.extend({
-    mixins: [loadable, failureIndicatingView],
-    className: 'draggable',
-    events: {
-      'click': function click() {
-        if (!this.model.isNew() && !this.model.isDestroying()) {
-          editor.navigate('/pages/' + this.model.get('id'), {
-            trigger: true
-          });
-        }
-
-        return false;
-      }
-    }
-  });
-
-  function template$o(data) {
-  var __t, __p = '';
-  __p += '<a class="edit_chapter" href="">\n  <span class="pictogram"></span>\n  <span class="number"></span>\n  <span class="title"></span>\n  <span class="failure_icon" title=' +
-  ((__t = ( I18n.t('pageflow.editor.templates.chapter_item.save_error') )) == null ? '' : __t) +
-  ' />\n</a>\n\n<ul class="pages outline"></ul>\n\n<a href="" class="add_page">' +
-  ((__t = ( I18n.t('pageflow.editor.templates.chapter_item.new_page') )) == null ? '' : __t) +
-  '</a>\n';
-  return __p
-  }
-
-  var ChapterItemView = Marionette.ItemView.extend({
-    tagName: 'li',
-    template: template$o,
-    ui: {
-      title: '> a > .title',
-      number: '> a > .number',
-      pages: 'ul.pages'
-    },
-    modelEvents: {
-      change: 'update'
-    },
-    onRender: function onRender() {
-      var collectionView = this.options.sortable ? SortableCollectionView : CollectionView;
-      this.subview(new collectionView({
-        el: this.ui.pages,
-        collection: this.model.pages,
-        itemViewConstructor: this.options.pageItemView || NavigatablePageItemView,
-        itemViewOptions: this.options.pageItemViewOptions,
-        connectWith: 'ul.pages'
-      }));
-      this.update();
-    },
-    update: function update() {
-      this.ui.title.text(this.model.get('title') || I18n$1.t('pageflow.editor.views.chapter_item_view.unnamed'));
-      this.ui.number.text(I18n$1.t('pageflow.editor.views.chapter_item_view.chapter') + ' ' + (this.model.get('position') + 1));
-    }
-  });
-
-  var NavigatableChapterItemView = ChapterItemView.extend({
-    mixins: [loadable, failureIndicatingView],
-    events: {
-      'click a.add_page': function clickAAdd_page() {
-        this.model.addPage();
-      },
-      'click a.edit_chapter': function clickAEdit_chapter() {
-        if (!this.model.isNew() && !this.model.isDestroying()) {
-          editor.navigate('/chapters/' + this.model.get('id'), {
-            trigger: true
-          });
-        }
-
-        return false;
-      }
-    }
-  });
-
-  function template$p(data) {
-  var __t, __p = '';
-  __p += '<h2>' +
-  ((__t = ( I18n.t('pageflow.editor.templates.storyline_outline.header') )) == null ? '' : __t) +
-  '</h2>\n<ul class="storyline_outline_chapters chapters"></ul>\n\n<a class="add_chapter" href="">' +
-  ((__t = ( I18n.t('pageflow.editor.templates.storyline_outline.new_chapter') )) == null ? '' : __t) +
-  '</a>\n';
-  return __p
-  }
-
-  var StorylineOutlineView = Marionette.Layout.extend({
-    template: template$p,
-    className: 'storyline_outline',
-    ui: {
-      chapters: 'ul.storyline_outline_chapters'
-    },
-    events: {
-      'click a.add_chapter': function clickAAdd_chapter() {
-        this.model.scaffoldChapter();
-      }
-    },
-    onRender: function onRender() {
-      this.ui.chapters.toggleClass('outline navigatable', !!this.options.navigatable);
-      var collectionView = this.options.sortable ? SortableCollectionView : CollectionView;
-      new collectionView({
-        el: this.ui.chapters,
-        collection: this.model.chapters,
-        itemViewConstructor: this.options.navigatable ? NavigatableChapterItemView : ChapterItemView,
-        itemViewOptions: {
-          sortable: this.options.sortable,
-          pageItemView: this.options.navigatable ? NavigatablePageItemView : PageItemView,
-          pageItemViewOptions: _$1.extend({
-            displayInNavigationHint: this.options.displayInNavigationHint
-          }, this.options.pageItemViewOptions || {})
-        }
-      }).render();
-    }
-  });
-
-  function template$q(data) {
-  var __t, __p = '';
-  __p += '<div class="storyline_picker_storylines">\n  <div class="storyline_picker_select_region"></div>\n  <a href="" class="add_storyline" title="' +
-  ((__t = ( I18n.t('pageflow.editor.templates.storyline_picker.add') )) == null ? '' : __t) +
-  '"></a>\n  <a href="" class="edit_storyline" title="' +
-  ((__t = ( I18n.t('pageflow.editor.templates.storyline_picker.edit') )) == null ? '' : __t) +
-  '"></a>\n</div>\n\n<div class="storyline_picker_main_region"></div>\n';
-  return __p
-  }
-
-  var StorylinePickerView = Marionette.Layout.extend({
-    template: template$q,
-    className: 'storyline_picker',
-    regions: {
-      selectRegion: '.storyline_picker_select_region',
-      mainRegion: '.storyline_picker_main_region'
-    },
-    ui: {
-      storylines: '.storyline_picker_storylines'
-    },
-    events: {
-      'click .add_storyline': function clickAdd_storyline() {
-        var storyline = state.entry.scaffoldStoryline({
-          depth: 'page'
-        }).storyline;
-        this.listenToOnce(storyline, 'sync', function () {
-          this.updateSelect();
-          this.model.set('storyline_id', storyline.id);
-        });
-        return false;
-      },
-      'click .edit_storyline': function clickEdit_storyline() {
-        editor.navigate('storylines/' + this.model.get('storyline_id'), {
-          trigger: true
-        });
-        return false;
-      }
-    },
-    initialize: function initialize() {
-      this.model = new Backbone.Model({
-        storyline_id: this.defaultStorylineId()
-      });
-      this.listenTo(state.storylines, 'add sort remove', this.updateSelect);
-      this.listenTo(this.model, 'change', this.load);
-    },
-    onRender: function onRender() {
-      this.$el.toggleClass('editable', !!this.options.editable);
-      this.ui.storylines.toggle(!!pageflow.features.isEnabled('storylines'));
-      this.updateSelect();
-      this.load();
-    },
-    updateSelect: function updateSelect() {
-      this.selectRegion.show(new SelectInputView({
-        model: this.model,
-        label: I18n$1.t('pageflow.editor.views.storylines_picker_view.label'),
-        propertyName: 'storyline_id',
-        values: state.storylines.pluck('id'),
-        texts: state.storylines.map(function (storyline) {
-          return this.indentation(storyline) + storyline.displayTitle();
-        }, this),
-        groups: state.storylines.reduce(function (result, storyline) {
-          if (storyline.isMain() || storyline.parentPage()) {
-            result.push(_$1.last(result));
-          } else {
-            result.push(I18n$1.t('pageflow.editor.views.storylines_picker_view.without_parent_page'));
-          }
-
-          return result;
-        }, [])
-      }));
-    },
-    load: function load() {
-      var storyline = state.storylines.get(this.model.get('storyline_id'));
-      this.saveRememberedStorylineId(storyline.id);
-      this.mainRegion.show(new StorylineOutlineView({
-        model: storyline,
-        navigatable: this.options.navigatable,
-        sortable: this.options.editable,
-        chapterItemView: this.options.chapterItemView,
-        pageItemView: this.options.pageItemView,
-        pageItemViewOptions: this.options.pageItemViewOptions,
-        displayInNavigationHint: this.options.displayInNavigationHint
-      }));
-    },
-    defaultStorylineId: function defaultStorylineId() {
-      var storyline = state.storylines.get(this.options.storylineId) || state.storylines.get(this.rememberedStorylineId()) || state.storylines.first();
-      return storyline.id;
-    },
-    rememberedStorylineId: function rememberedStorylineId() {
-      if (this.options.rememberLastSelection) {
-        return StorylinePickerView._rememberedStorylineId;
-      }
-    },
-    saveRememberedStorylineId: function saveRememberedStorylineId(id) {
-      if (this.options.rememberLastSelection) {
-        StorylinePickerView._rememberedStorylineId = id;
-      }
-    },
-    indentation: function indentation(storyline) {
-      return _$1(storyline.get('level') || 0).times(function () {
-        return "\xA0\xA0\xA0";
-      }).join('');
-    }
-  });
-
-  function template$r(data) {
   var __t, __p = '';
   __p += '<a class="close" href="#">' +
   ((__t = ( I18n.t('pageflow.editor.templates.edit_entry.close') )) == null ? '' : __t) +
@@ -6875,18 +6955,20 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   ((__t = ( I18n.t('pageflow.editor.templates.edit_entry.save_error') )) == null ? '' : __t) +
   '" />\n  </li>\n  <li>\n    <a class="manage_files" href="#" data-path="/files">' +
   ((__t = ( I18n.t('pageflow.editor.templates.edit_entry.manage_files') )) == null ? '' : __t) +
-  '</a>\n  </li>\n</ul>\n\n<div class="edit_entry_storylines storyline_picker"></div>\n';
+  '</a>\n  </li>\n</ul>\n\n<div class="edit_entry_outline_region"></div>\n';
   return __p
   }
 
-  var EditEntryView = Marionette.ItemView.extend({
-    template: template$r,
+  var EditEntryView = Marionette.Layout.extend({
+    template: template$l,
     mixins: [failureIndicatingView, tooltipContainer],
     ui: {
       publishButton: 'a.publish',
       publicationStateButton: 'a.publication_state',
-      menu: '.menu',
-      storylines: '.edit_entry_storylines'
+      menu: '.menu'
+    },
+    regions: {
+      outlineRegion: '.edit_entry_outline_region'
     },
     events: {
       'click a.close': function clickAClose() {
@@ -6915,8 +6997,8 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
 
       this._updatePublishButton();
 
-      this.subview(new StorylinePickerView({
-        el: this.ui.storylines,
+      this.outlineRegion.show(new editor.entryType.outlineView({
+        entry: state.entry,
         navigatable: true,
         editable: true,
         displayInNavigationHint: true,
@@ -6925,7 +7007,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       }));
     },
     _updatePublishButton: function _updatePublishButton() {
-      var disabled = !state.entry.get('publishable');
+      var disabled = !this.model.get('publishable');
       this.ui.publishButton.toggleClass('disabled', disabled);
 
       if (disabled) {
@@ -6956,7 +7038,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$s(data) {
+  function template$m(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) +
@@ -6965,7 +7047,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var WidgetItemView = Marionette.Layout.extend({
-    template: template$s,
+    template: template$m,
     tagName: 'li',
     className: 'widget_item',
     regions: {
@@ -7005,14 +7087,14 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$t(data) {
+  function template$n(data) {
   var __p = '';
   __p += '<ol class="widgets">\n</ol>\n';
   return __p
   }
 
   var EditWidgetsView = Marionette.Layout.extend({
-    template: template$t,
+    template: template$n,
     ui: {
       widgets: '.widgets'
     },
@@ -7028,14 +7110,14 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$u(data) {
+  function template$o(data) {
   var __p = '';
   __p += '<div class="image"></div>\n<div class="label"></div>\n';
   return __p
   }
 
   var BackgroundPositioningPreviewView = Marionette.ItemView.extend({
-    template: template$u,
+    template: template$o,
     className: 'preview',
     modelEvents: {
       change: 'update'
@@ -7066,14 +7148,14 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$v(data) {
+  function template$p(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$v,
+    template: template$p,
     className: '',
     ui: {
       container: '.container',
@@ -7154,7 +7236,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$w(data) {
+  function template$q(data) {
   var __t, __p = '';
   __p += '<div class="box">\n  <h2>' +
   ((__t = ( I18n.t('pageflow.editor.templates.background_positioning.title') )) == null ? '' : __t) +
@@ -7171,7 +7253,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var BackgroundPositioningView = Marionette.ItemView.extend({
-    template: template$w,
+    template: template$q,
     className: 'background_positioning dialog',
     mixins: [dialogView],
     ui: {
@@ -7225,16 +7307,14 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     app.dialogRegion.show(new BackgroundPositioningView(options));
   };
 
-  function template$x(data) {
+  function template$r(data) {
   var __p = '';
   __p += '<div class="label"></div>\n<a href="#"></a>\n';
   return __p
   }
 
-  /** @api private */
-
   var DropDownButtonItemView = Marionette.ItemView.extend({
-    template: template$x,
+    template: template$r,
     tagName: 'li',
     className: 'drop_down_button_item',
     ui: {
@@ -7272,8 +7352,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  /** @api private */
-
   var DropDownButtonItemListView = function DropDownButtonItemListView(options) {
     return new CollectionView({
       tagName: 'ul',
@@ -7286,7 +7364,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     });
   };
 
-  function template$y(data) {
+  function template$s(data) {
   var __p = '';
   __p += '<button></button>\n\n<div class="drop_down_button_menu">\n</div>\n';
   return __p
@@ -7295,6 +7373,8 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   /**
    * A button that displays a drop down menu on hover.
    *
+   * @param {Object} options
+   *
    * @param {String} options.label
    *   Button text.
    *
@@ -7316,11 +7396,10 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * when the menu item is clicked.
    *
    * @class
-   * @memberof module:pageflow/editor
    */
 
   var DropDownButtonView = Marionette.ItemView.extend({
-    template: template$y,
+    template: template$s,
     className: 'drop_down_button',
     ui: {
       button: '> button',
@@ -7387,7 +7466,58 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$z(data) {
+  function template$t(data) {
+  var __p = '';
+  __p += '<div class="pictogram"></div>\n';
+  return __p
+  }
+
+  var FileThumbnailView = Marionette.ItemView.extend({
+    className: 'file_thumbnail',
+    template: template$t,
+    modelEvents: {
+      'change:state': 'update'
+    },
+    ui: {
+      pictogram: '.pictogram'
+    },
+    onRender: function onRender() {
+      this.update();
+    },
+    update: function update() {
+      if (this.model) {
+        var stage = this.model.currentStage();
+
+        if (stage) {
+          this.setStageClassName(stage.get('name'));
+          this.ui.pictogram.toggleClass('action_required', stage.get('action_required'));
+          this.ui.pictogram.toggleClass('failed', stage.get('failed'));
+        } else {
+          this.ui.pictogram.removeClass(this.model.stages.pluck('name').join(' '));
+        }
+
+        this.ui.pictogram.addClass(this.model.thumbnailPictogram);
+        this.$el.css('background-image', this._imageUrl() ? 'url(' + this._imageUrl() + ')' : '');
+        this.$el.removeClass('empty').toggleClass('always_picogram', !!this.model.thumbnailPictogram).toggleClass('ready', this.model.isReady());
+      } else {
+        this.$el.css('background-image', '');
+        this.$el.removeClass('ready');
+        this.ui.pictogram.addClass('empty');
+      }
+    },
+    setStageClassName: function setStageClassName(name) {
+      if (!this.$el.hasClass(name)) {
+        this.ui.pictogram.removeClass('empty');
+        this.ui.pictogram.removeClass(this.model.stages.pluck('name').join(' '));
+        this.ui.pictogram.addClass(name);
+      }
+    },
+    _imageUrl: function _imageUrl() {
+      return this.model.get(this.options.imageUrlPropertyName || 'thumbnail_url');
+    }
+  });
+
+  function template$u(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) +
@@ -7401,12 +7531,11 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * Input view to reference a file.
    *
    * @class
-   * @memberof module:pageflow/editor
    */
 
   var FileInputView = Marionette.ItemView.extend({
     mixins: [inputView],
-    template: template$z,
+    template: template$u,
     className: 'file_input',
     ui: {
       fileName: '.file_name',
@@ -7578,14 +7707,14 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$A(data) {
+  function template$v(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$A,
+    template: template$v,
     className: 'loading',
     tagName: 'li'
   });
@@ -7608,7 +7737,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   };
 
-  function template$B(data) {
+  function template$w(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) +
@@ -7616,11 +7745,9 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   return __p
   }
 
-  /** @api private */
-
   var ThemeItemView = Marionette.ItemView.extend({
     tagName: 'li',
-    template: template$B,
+    template: template$w,
     className: 'theme_item',
     mixins: [selectableView],
     selectionAttribute: 'theme',
@@ -7651,7 +7778,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$C(data) {
+  function template$x(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) +
@@ -7666,7 +7793,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var ChangeThemeDialogView = Marionette.ItemView.extend({
-    template: template$C,
+    template: template$x,
     className: 'change_theme dialog editor',
     mixins: [dialogView],
     ui: {
@@ -7735,7 +7862,78 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }).promise();
   };
 
-  function template$D(data) {
+  function template$y(data) {
+  var __p = '';
+  __p += '\n';
+  return __p
+  }
+
+  var StaticThumbnailView = Marionette.ItemView.extend({
+    template: template$y,
+    className: 'static_thumbnail',
+    modelEvents: {
+      'change:configuration': 'update'
+    },
+    onRender: function onRender() {
+      this.update();
+    },
+    update: function update() {
+      this.$el.css('background-image', 'url(' + this._imageUrl() + ')');
+    },
+    _imageUrl: function _imageUrl() {
+      return this.model.thumbnailUrl();
+    }
+  });
+
+  /**
+   * Base thumbnail view for models supporting a `thumbnailFile` method.
+   *
+   * @class
+   */
+
+  var ModelThumbnailView = Marionette.View.extend({
+    className: 'model_thumbnail',
+    modelEvents: {
+      'change:configuration': 'update'
+    },
+    render: function render() {
+      this.update();
+      return this;
+    },
+    update: function update() {
+      if (this.model) {
+        if (_$1.isFunction(this.model.thumbnailFile)) {
+          var file = this.model && this.model.thumbnailFile();
+
+          if (this.thumbnailView && this.currentFileThumbnail == file) {
+            return;
+          }
+
+          this.currentFileThumbnail = file;
+          this.newThumbnailView = new FileThumbnailView({
+            model: file,
+            className: 'thumbnail file_thumbnail',
+            imageUrlPropertyName: this.options.imageUrlPropertyName
+          });
+        } else {
+          this.newThumbnailView = this.newThumbnailView || new StaticThumbnailView({
+            model: this.model
+          });
+        }
+      }
+
+      if (this.thumbnailView) {
+        this.thumbnailView.close();
+      }
+
+      if (this.model) {
+        this.thumbnailView = this.subview(this.newThumbnailView);
+        this.$el.append(this.thumbnailView.el);
+      }
+    }
+  });
+
+  function template$z(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
@@ -7745,14 +7943,13 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * Base class for input views that reference models.
    *
    * @class
-   * @memberof module:pageflow/editor
    */
 
   var ReferenceInputView = Marionette.ItemView.extend(
-  /** @lends module:pageflow/editor.ReferenceInputView# */
+  /** @lends ReferenceInputView.prototype */
   {
     mixins: [inputView],
-    template: template$D,
+    template: template$z,
     className: 'reference_input',
     ui: {
       title: '.title',
@@ -7851,7 +8048,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$E(data) {
+  function template$A(data) {
   var __t, __p = '';
   __p += '<a class="back">' +
   ((__t = ( I18n.t('pageflow.editor.templates.edit_meta_data.outline') )) == null ? '' : __t) +
@@ -7864,7 +8061,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var EditMetaDataView = Marionette.Layout.extend({
-    template: template$E,
+    template: template$A,
     className: 'edit_meta_data',
     mixins: [failureIndicatingView],
     regions: {
@@ -7876,12 +8073,13 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     onRender: function onRender() {
       var entry = this.model;
       var configurationEditor = new ConfigurationEditorView({
-        model: entry.configuration,
+        model: entry.metadata.configuration,
         tab: this.options.tab
       });
       configurationEditor.tab('general', function () {
         this.input('title', TextInputView, {
-          placeholder: entry.get('entry_title')
+          placeholder: entry.get('entry_title'),
+          model: entry.metadata
         });
         this.input('locale', SelectInputView, {
           values: state.config.availablePublicLocales,
@@ -7889,46 +8087,33 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
             return I18n$1.t('pageflow.public._language', {
               locale: locale
             });
-          })
+          }),
+          model: entry.metadata
+        });
+        this.input('credits', TextAreaInputView, {
+          model: entry.metadata
         });
-        this.input('credits', TextAreaInputView);
         this.input('author', TextInputView, {
-          placeholder: state.config.defaultAuthorMetaTag
+          placeholder: state.config.defaultAuthorMetaTag,
+          model: entry.metadata
         });
         this.input('publisher', TextInputView, {
-          placeholder: state.config.defaultPublisherMetaTag
+          placeholder: state.config.defaultPublisherMetaTag,
+          model: entry.metadata
         });
         this.input('keywords', TextInputView, {
-          placeholder: state.config.defaultKeywordsMetaTag
+          placeholder: state.config.defaultKeywordsMetaTag,
+          model: entry.metadata
         });
       });
       configurationEditor.tab('widgets', function () {
-        var theme = entry.getTheme();
-        this.input('manual_start', CheckBoxInputView);
-        this.input('emphasize_chapter_beginning', CheckBoxInputView);
-        this.input('emphasize_new_pages', CheckBoxInputView);
-        this.input('home_button_enabled', CheckBoxInputView, {
-          disabled: !theme.hasHomeButton(),
-          displayUncheckedIfDisabled: true
-        });
-        this.input('overview_button_enabled', CheckBoxInputView, {
-          disabled: !theme.hasOverviewButton(),
-          displayUncheckedIfDisabled: true
-        });
-
-        if (theme.hasHomeButton()) {
-          this.input('home_url', TextInputView, {
-            placeholder: state.theming.get('pretty_url'),
-            visibleBinding: 'home_button_enabled'
-          });
-        }
-
-        this.view(EditWidgetsView, {
+        editor.entryType.appearanceInputs && editor.entryType.appearanceInputs(this, entry, state.theming);
+        entry.widgets && this.view(EditWidgetsView, {
           model: entry,
           widgetTypes: editor.widgetTypes
         });
 
-        if (pageflow.features.isEnabled('selectable_themes') && state.themes.length > 1) {
+        if (pageflow.features && pageflow.features.isEnabled('selectable_themes') && state.themes.length > 1) {
           this.view(ThemeInputView, {
             themes: state.themes,
             propertyName: 'theme_name'
@@ -7938,21 +8123,25 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       configurationEditor.tab('social', function () {
         this.input('share_image_id', FileInputView, {
           collection: state.imageFiles,
-          fileSelectionHandler: 'entryConfiguration'
+          fileSelectionHandler: 'entryMetadata',
+          model: entry.metadata
         });
         this.input('summary', TextAreaInputView, {
           disableRichtext: true,
-          disableLinks: true
+          disableLinks: true,
+          model: entry.metadata
         });
         this.input('share_url', TextInputView, {
-          placeholder: state.entry.get('pretty_url')
+          placeholder: state.entry.get('pretty_url'),
+          model: entry.metadata
         });
         this.input('share_providers', CheckBoxGroupInputView, {
           values: state.config.availableShareProviders,
-          translationKeyPrefix: 'activerecord.values.pageflow/entry.share_providers'
+          translationKeyPrefix: 'activerecord.values.pageflow/entry.share_providers',
+          model: entry.metadata
         });
       });
-      this.listenTo(entry.configuration, 'change:theme_name', function () {
+      this.listenTo(entry.metadata, 'change:theme_name', function () {
         configurationEditor.refresh();
       });
       this.formContainer.show(configurationEditor);
@@ -7964,7 +8153,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$F(data) {
+  function template$B(data) {
   var __t, __p = '';
   __p += '<a class="back">' +
   ((__t = ( I18n.t('pageflow.editor.templates.edit_page_link.back') )) == null ? '' : __t) +
@@ -7975,7 +8164,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var EditPageLinkView = Marionette.Layout.extend({
-    template: template$F,
+    template: template$B,
     regions: {
       formContainer: '.form_container'
     },
@@ -8014,7 +8203,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$G(data) {
+  function template$C(data) {
   var __t, __p = '';
   __p += '<a class="back">' +
   ((__t = ( I18n.t('pageflow.editor.templates.edit_page.outline') )) == null ? '' : __t) +
@@ -8029,7 +8218,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var EditPageView = Marionette.Layout.extend({
-    template: template$G,
+    template: template$C,
     className: 'edit_page',
     mixins: [failureIndicatingView],
     regions: {
@@ -8083,13 +8272,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  /**
-   * Input view to reference a page.
-   *
-   * @class
-   * @memberof module:pageflow/editor
-   */
-
   var PageLinkInputView = ReferenceInputView.extend({
     choose: function choose() {
       return editor.selectPage({
@@ -8101,7 +8283,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$H(data) {
+  function template$D(data) {
   var __t, __p = '';
   __p += '<a class="back">' +
   ((__t = ( I18n.t('pageflow.editor.templates.edit_storyline.outline') )) == null ? '' : __t) +
@@ -8116,7 +8298,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var EditStorylineView = Marionette.Layout.extend({
-    template: template$H,
+    template: template$D,
     className: 'edit_storyline',
     mixins: [failureIndicatingView, tooltipContainer],
     regions: {
@@ -8199,7 +8381,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$I(data) {
+  function template$E(data) {
   var __t, __p = '';
   __p += '<a class="back">' +
   ((__t = ( I18n.t('pageflow.editor.templates.edit_widget.back') )) == null ? '' : __t) +
@@ -8208,7 +8390,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var EditWidgetView = Marionette.ItemView.extend({
-    template: template$I,
+    template: template$E,
     className: 'edit_widget',
     events: {
       'click a.back': function clickABack() {
@@ -8233,7 +8415,14 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$J(data) {
+  var loadable = modelLifecycleTrackingView({
+    classNames: {
+      creating: 'creating',
+      destroying: 'destroying'
+    }
+  });
+
+  function template$F(data) {
   var __p = '';
   __p += '<span class="file_thumbnail"></span>\n\n<span class="file_name"></span>\n';
   return __p
@@ -8241,7 +8430,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
 
   var ExplorerFileItemView = Marionette.ItemView.extend({
     tagName: 'li',
-    template: template$J,
+    template: template$F,
     mixins: [loadable, selectableView],
     selectionAttribute: 'file',
     ui: {
@@ -8278,14 +8467,14 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$K(data) {
+  function template$G(data) {
   var __p = '';
   __p += '<a href="">\n  <span class="title"></span>\n</a>\n';
   return __p
   }
 
   var OtherEntryItemView = Marionette.ItemView.extend({
-    template: template$K,
+    template: template$G,
     className: 'other_entry_item',
     tagName: 'li',
     mixins: [selectableView],
@@ -8300,7 +8489,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$L(data) {
+  function template$H(data) {
   var __t, __p = '';
   __p +=
   ((__t = ( I18n.t('pageflow.editor.templates.other_entries_blank_slate.none_available') )) == null ? '' : __t) +
@@ -8326,7 +8515,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
           selection: this.options.selection
         },
         blankSlateViewConstructor: Marionette.ItemView.extend({
-          template: template$L,
+          template: template$H,
           tagName: 'li',
           className: 'blank_slate'
         }),
@@ -8337,7 +8526,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$M(data) {
+  function template$I(data) {
   var __t, __p = '';
   __p += '<div class="box">\n  <h2>' +
   ((__t = ( I18n.t('pageflow.editor.templates.files_explorer.reuse_files') )) == null ? '' : __t) +
@@ -8366,7 +8555,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var FilesExplorerView = Marionette.ItemView.extend({
-    template: template$M,
+    template: template$I,
     className: 'files_explorer editor dialog',
     mixins: [dialogView],
     ui: {
@@ -8453,7 +8642,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     app.dialogRegion.show(new FilesExplorerView(options));
   };
 
-  function template$N(data) {
+  function template$J(data) {
   var __p = '';
   __p += '<th></th>\n<td></td>';
   return __p
@@ -8461,7 +8650,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
 
   var FileMetaDataItemView = Marionette.ItemView.extend({
     tagName: 'tr',
-    template: template$N,
+    template: template$J,
     ui: {
       label: 'th',
       value: 'td'
@@ -8475,7 +8664,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       this.ui.label.text(this.labelText());
     },
     labelText: function labelText() {
-      return attributeTranslation(this.options.name, 'label', {
+      return i18nUtils.attributeTranslation(this.options.name, 'label', {
         prefixes: ['pageflow.editor.files.attributes.' + this.model.fileType().collectionName, 'pageflow.editor.files.common_attributes'],
         fallbackPrefix: 'activerecord.attributes',
         fallbackModelI18nKey: this.model.i18nKey
@@ -8483,7 +8672,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$O(data) {
+  function template$K(data) {
   var __p = '';
   __p += '<p class="percent"></p>\n<p class="description"></p>\n<p class="error_message"></p>';
   return __p
@@ -8492,7 +8681,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   var FileStageItemView = Marionette.ItemView.extend({
     tagName: 'li',
     className: 'file_stage_item',
-    template: template$O,
+    template: template$K,
     ui: {
       description: '.description',
       percent: '.percent',
@@ -8533,7 +8722,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$P(data) {
+  function template$L(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) +
@@ -8557,7 +8746,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
 
   var FileItemView = Marionette.ItemView.extend({
     tagName: 'li',
-    template: template$P,
+    template: template$L,
     mixins: [loadable],
     ui: {
       fileName: '.file_name',
@@ -8672,7 +8861,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$Q(data) {
+  function template$M(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) +
@@ -8691,7 +8880,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var FilteredFilesView = Marionette.ItemView.extend({
-    template: template$Q,
+    template: template$M,
     className: 'filtered_files',
     ui: {
       banner: '.filtered_files-banner',
@@ -8746,7 +8935,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     },
     filterTranslation: function filterTranslation(keyName, options) {
       var filterName = this.options.filterName;
-      return findTranslation(['pageflow.editor.files.filters.' + this.options.fileType.collectionName + '.' + filterName + '.' + keyName, 'pageflow.editor.files.common_filters.' + keyName], options);
+      return i18nUtils.findTranslation(['pageflow.editor.files.filters.' + this.options.fileType.collectionName + '.' + filterName + '.' + keyName, 'pageflow.editor.files.common_filters.' + keyName], options);
     },
     onClose: function onClose() {
       if (this.filteredCollection) {
@@ -8755,7 +8944,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$R(data) {
+  function template$N(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) +
@@ -8765,7 +8954,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   return __p
   }
 
-  function template$S(data) {
+  function template$O(data) {
   var __t, __p = '';
   __p += '<button class=\'importer\' data-key=\'' +
   ((__t = ( data.fileImporter.key )) == null ? '' : __t) +
@@ -8780,7 +8969,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var ImporterSelectView = Marionette.ItemView.extend({
-    template: template$S,
+    template: template$O,
     className: 'importer_select',
     tagName: 'li',
     events: {
@@ -8797,7 +8986,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   var ChooseImporterView = Marionette.ItemView.extend({
-    template: template$R,
+    template: template$N,
     className: 'choose_importer editor dialog',
     mixins: [dialogView],
     ui: {
@@ -8832,7 +9021,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     app.dialogRegion.show(new ChooseImporterView(options).render());
   };
 
-  function template$T(data) {
+  function template$P(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) +
@@ -8846,7 +9035,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   return __p
   }
 
-  function template$U(data) {
+  function template$Q(data) {
   var __t, __p = '';
   __p += '<div class="box">\n  <h1 class="dialog-header">' +
   ((__t = ( I18n.t('pageflow.editor.templates.confirm_upload.header') )) == null ? '' : __t) +
@@ -8862,14 +9051,14 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   return __p
   }
 
-  function template$V(data) {
+  function template$R(data) {
   var __p = '';
   __p += '<h2></h2>\n';
   return __p
   }
 
   var UploadableFilesView = Marionette.ItemView.extend({
-    template: template$V,
+    template: template$R,
     className: 'uploadable_files',
     ui: {
       header: 'h2'
@@ -8915,7 +9104,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   var ConfirmFileImportUploadView = Marionette.Layout.extend({
-    template: template$U,
+    template: template$Q,
     className: 'confirm_upload editor dialog',
     mixins: [dialogView],
     regions: {
@@ -8989,7 +9178,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   };
 
   var FilesImporterView = Marionette.ItemView.extend({
-    template: template$T,
+    template: template$P,
     className: 'files_importer editor dialog',
     mixins: [dialogView],
     ui: {
@@ -9076,7 +9265,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     app.dialogRegion.show(new FilesImporterView(options).render());
   };
 
-  function template$W(data) {
+  function template$S(data) {
   var __t, __p = '';
   __p += '<button class="">\n  <span class="label">' +
   ((__t = ( I18n.t('pageflow.editor.templates.select_button.select') )) == null ? '' : __t) +
@@ -9085,7 +9274,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var SelectButtonView = Marionette.ItemView.extend({
-    template: template$W,
+    template: template$S,
     className: 'select_button',
     ui: {
       button: 'button',
@@ -9120,7 +9309,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$X(data) {
+  function template$T(data) {
   var __t, __p = '';
   __p += '<a class="back">' +
   ((__t = ( I18n.t('pageflow.editor.templates.files.back') )) == null ? '' : __t) +
@@ -9129,28 +9318,29 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var FilesView = Marionette.ItemView.extend({
-    template: template$X,
+    template: template$T,
     className: 'manage_files',
     events: {
       'click a.back': 'goBack',
       'file-selected': 'updatePage'
     },
     onRender: function onRender() {
-      this.addFileModel = new Backbone.Model({
-        label: I18n$1.t('pageflow.editor.views.files_view.add'),
-        options: [{
-          label: I18n$1.t('pageflow.editor.views.files_view.upload'),
-          handler: this.upload.bind(this)
-        }, {
-          label: I18n$1.t('pageflow.editor.views.files_view.reuse'),
-          handler: function handler() {
-            FilesExplorerView.open({
-              callback: function callback(otherEntry, file) {
-                state.entry.reuseFile(otherEntry, file);
-              }
-            });
-          }
-        }, {
+      var menuOptions = [{
+        label: I18n$1.t('pageflow.editor.views.files_view.upload'),
+        handler: this.upload.bind(this)
+      }, {
+        label: I18n$1.t('pageflow.editor.views.files_view.reuse'),
+        handler: function handler() {
+          FilesExplorerView.open({
+            callback: function callback(otherEntry, file) {
+              state.entry.reuseFile(otherEntry, file);
+            }
+          });
+        }
+      }];
+
+      if (editor.fileImporters.keys().length > 0) {
+        menuOptions.push({
           label: I18n$1.t('pageflow.editor.views.files_view.import'),
           handler: function handler() {
             ChooseImporterView.open({
@@ -9161,7 +9351,12 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
               }
             });
           }
-        }]
+        });
+      }
+
+      this.addFileModel = new Backbone.Model({
+        label: I18n$1.t('pageflow.editor.views.files_view.add'),
+        options: menuOptions
       });
       this.$el.append(this.subview(new SelectButtonView({
         model: this.addFileModel
@@ -9208,14 +9403,14 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$Y(data) {
+  function template$U(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$Y,
+    template: template$U,
     className: 'quota_decorator',
     regions: {
       outlet: '.outlet'
@@ -9256,7 +9451,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$Z(data) {
+  function template$V(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) +
@@ -9303,7 +9498,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var PublishEntryView = Marionette.ItemView.extend({
-    template: template$Z,
+    template: template$V,
     className: 'publish_entry',
     ui: {
       publishUntilFields: '.publish_until_fields',
@@ -9711,123 +9906,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$_(data) {
-  var __t, __p = '';
-  __p += '<h2>' +
-  ((__t = ( I18n.t('pageflow.editor.blank_entry.header') )) == null ? '' : __t) +
-  '</h2>\n<p>' +
-  ((__t = ( I18n.t('pageflow.editor.blank_entry.intro') )) == null ? '' : __t) +
-  '</p>\n<ol>\n  <li>' +
-  ((__t = ( I18n.t('pageflow.editor.blank_entry.create_chapter') )) == null ? '' : __t) +
-  '</li>\n  <li>' +
-  ((__t = ( I18n.t('pageflow.editor.blank_entry.create_page') )) == null ? '' : __t) +
-  '</li>\n  <li>' +
-  ((__t = ( I18n.t('pageflow.editor.blank_entry.edit_page') )) == null ? '' : __t) +
-  '</li>\n</ol>\n<p>' +
-  ((__t = ( I18n.t('pageflow.editor.blank_entry.outro') )) == null ? '' : __t) +
-  '</p>\n';
-  return __p
-  }
-
-  var BlankEntryView = Marionette.ItemView.extend({
-    template: template$_,
-    className: 'blank_entry'
-  });
-
-  var PagePreviewView = Marionette.View.extend({
-    tagName: 'section',
-    className: 'page',
-    modelEvents: {
-      'change:template': 'updateTemplate',
-      'change:configuration': 'update',
-      'change:position': 'updatePositionClassNames',
-      'change:id': function changeId() {
-        this.$el.attr('data-id', this.model.id);
-        this.$el.attr('data-perma-id', this.model.get('perma_id'));
-        this.$el.attr('id', this.model.get('perma_id'));
-      }
-    },
-    events: {
-      pageactivate: function pageactivate() {
-        this.model.set('active', true);
-      },
-      pagedeactivate: function pagedeactivate() {
-        this.model.set('active', false);
-      }
-    },
-    render: function render() {
-      this.$el.html(this.pageTemplate());
-      this.$el.attr('data-id', this.model.id);
-      this.$el.attr('data-perma-id', this.model.get('perma_id'));
-      this.$el.attr('id', this.model.get('perma_id'));
-      this.$el.attr('data-chapter-id', this.model.get('chapter_id'));
-      this.$el.data('template', this.model.get('template'));
-      this.$el.data('configuration', this.model.get('configuration'));
-      this.$el.on('pageenhanced', _$1.bind(function () {
-        this.update();
-        this.initEmbeddedViews();
-        this.$el.page('reactivate');
-      }, this));
-      return this;
-    },
-    onClose: function onClose() {
-      this.$el.page('cleanup');
-    },
-    updateTemplate: function updateTemplate() {
-      this.$el.page('cleanup');
-      this.$el.html(this.pageTemplate());
-      this.$el.data('template', this.model.get('template'));
-      setTimeout(_$1.bind(function () {
-        this.$el.page('reinit');
-      }, this), 0);
-    },
-    update: function update() {
-      this.$el.page('update', this.model.configuration);
-      pageflow.events.trigger('page:update', this.model);
-      this.refreshScroller();
-      this.updatePositionClassNames();
-    },
-    updatePositionClassNames: function updatePositionClassNames() {
-      this.$el.toggleClass('chapter_beginning', this.model.isChapterBeginning());
-      this.$el.toggleClass('first_page', this.model.isFirstPage());
-    },
-    pageTypeHooks: function pageTypeHooks() {
-      return pageflow.pageType.get(this.model.get('template'));
-    },
-    pageTemplate: function pageTemplate() {
-      return this._unescape($('script[data-template="' + this.model.get('template') + '_page"]').html());
-    },
-    refreshScroller: function refreshScroller() {
-      this.$el.page('refreshScroller');
-    },
-    initEmbeddedViews: function initEmbeddedViews() {
-      var view = this;
-
-      if (view.embeddedViews) {
-        view.embeddedViews.call('close');
-      }
-
-      view.embeddedViews = new ChildViewContainer();
-
-      _$1.each(view.embeddedViewDefinitions(), function (item, selector) {
-        view.$(selector).each(function () {
-          view.embeddedViews.add(new item.view(_$1.extend(item.options || {}, {
-            el: this,
-            model: view.model.configuration,
-            container: view
-          })).render());
-        });
-      });
-    },
-    embeddedViewDefinitions: function embeddedViewDefinitions() {
-      return _$1.extend({}, this.pageTypeHooks().embeddedEditorViews() || {}, this.model.pageType().embeddedViews());
-    },
-    _unescape: function _unescape(text) {
-      return $('<div/>').html(text).text();
-    }
-  });
-
-  function template$$(data) {
+  function template$W(data) {
   var __t, __p = '';
   __p += '<div class="box">\n  <h2>' +
   ((__t = ( I18n.t('pageflow.editor.templates.help.title') )) == null ? '' : __t) +
@@ -9838,7 +9917,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var HelpView = Marionette.ItemView.extend({
-    template: template$$,
+    template: template$W,
     className: 'help',
     ui: {
       placeholder: '.placeholder',
@@ -9911,7 +9990,11 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$10(data) {
+  var PageThumbnailView = ModelThumbnailView.extend({
+    className: 'model_thumbnail page_thumbnail'
+  });
+
+  function template$X(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) +
@@ -9922,7 +10005,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var PageLinkItemView = Marionette.ItemView.extend({
-    template: template$10,
+    template: template$X,
     tagName: 'li',
     className: 'page_link',
     ui: {
@@ -9972,7 +10055,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$11(data) {
+  function template$Y(data) {
   var __t, __p = '';
   __p += '<label>\n  <span class="name">' +
   ((__t = ( I18n.t('pageflow.editor.templates.page_links.label') )) == null ? '' : __t) +
@@ -9983,7 +10066,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var PageLinksView = Marionette.ItemView.extend({
-    template: template$11,
+    template: template$Y,
     className: 'page_links',
     ui: {
       links: 'ul.links',
@@ -10019,7 +10102,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$12(data) {
+  function template$Z(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) +
@@ -10038,7 +10121,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var EmulationModeButtonView = Marionette.ItemView.extend({
-    template: template$12,
+    template: template$Z,
     className: 'emulation_mode_button',
     ui: {
       phoneItem: '.emulation_mode_button-phone',
@@ -10051,7 +10134,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
         this.model.unset('emulation_mode');
       },
       'click .emulation_mode_button-phone a': function clickEmulation_mode_buttonPhoneA() {
-        if (!this.model.get('current_page_supports_emulation_mode')) {
+        if (this.model.get('emulation_mode_disabled')) {
           return;
         }
 
@@ -10059,13 +10142,13 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       }
     },
     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('disabled', !!this.model.get('emulation_mode_disabled'));
       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'));
@@ -10073,7 +10156,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$13(data) {
+  function template$_(data) {
   var __t, __p = '';
   __p +=
   ((__t = ( I18n.t('pageflow.editor.templates.help_button.open_help') )) == null ? '' : __t);
@@ -10081,7 +10164,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var HelpButtonView = Marionette.ItemView.extend({
-    template: template$13,
+    template: template$_,
     className: 'help_button',
     events: {
       'click': function click() {
@@ -10093,7 +10176,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   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
         }));
@@ -10104,166 +10187,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$14(data) {
-  var __t, __p = '';
-  __p += '<div class="container">\n  <div class="header"></div>\n  <div class="overview"></div>\n\n  <div class="entry"></div>\n</div>\n<div class="navigation_disabled_hint">\n  ' +
-  ((__t = ( I18n.t('pageflow.editor.templates.entry_preview.navigation_disabled_hint') )) == null ? '' : __t) +
-  '\n</div>\n';
-  return __p
-  }
-
-  var EntryPreviewView = Marionette.ItemView.extend({
-    template: template$14,
-    className: 'entry_preview',
-    ui: {
-      container: '> .container',
-      header: '> .container > .header',
-      entry: '> .container > .entry',
-      overview: '> .container > .overview',
-      navigationDisabledHint: '.navigation_disabled_hint'
-    },
-    initialize: function initialize() {
-      this.pages = this.model.pages.persisted();
-      this.widgets = $();
-      this.debouncedFetchWidgets = _$1.debounce(this.fetchWidgets, 200);
-    },
-    onRender: function onRender() {
-      this.pageViews = this.subview(new CollectionView({
-        el: this.ui.entry,
-        collection: this.pages,
-        itemViewConstructor: PagePreviewView,
-        blankSlateViewConstructor: BlankEntryView
-      }));
-      this.ui.entry.append($('#indicators_seed > *'));
-      this.update();
-      this.listenTo(state.entry, 'sync:order sync:widgets', this.update);
-      this.listenTo(state.entry, 'change:configuration', function () {
-        state.entry.once('sync', this.update, this);
-      });
-      this.listenTo(state.entry, 'change:emulation_mode', this.updateEmulationMode);
-      this.listenTo(state.storylines, 'sync', this.update);
-      this.listenTo(state.chapters, 'sync', this.update);
-      this.listenTo(state.pages, 'sync', this.update);
-      this.listenTo(state.audioFiles, 'sync', this.update);
-      this.listenTo(state.imageFiles, 'sync', this.update);
-      this.listenTo(state.videoFiles, 'sync', this.update);
-      this.listenTo(pageflow.events, 'page:changing', function (event) {
-        if (state.entry.get('emulation_mode')) {
-          this.ui.navigationDisabledHint.css('opacity', 1);
-          clearTimeout(this.navigationDisabledHintTimeout);
-          this.navigationDisabledHintTimeout = setTimeout(_$1.bind(function () {
-            this.ui.navigationDisabledHint.css('opacity', 0);
-          }, this), 2000);
-          event.cancel();
-        }
-      });
-      this.listenTo(pageflow.events, 'page:change', function (page) {
-        this.updateEmulationModeSupport(page.getPermaId());
-      });
-    },
-    onShow: function onShow() {
-      var slideshow = pageflow.Slideshow.setup({
-        element: this.ui.entry,
-        enabledFeatureNames: state.entry.get('enabled_feature_names'),
-        simulateHistory: true
-      });
-      pageflow.delayedStart.perform();
-      this.listenTo(this.pages, 'add', function () {
-        slideshow.update();
-      });
-      this.listenTo(this.pages, 'remove', function () {
-        slideshow.update();
-      });
-      this.listenTo(this.pages, 'edit', function (model) {
-        if (this.lastEditedPage != model) {
-          state.entry.unset('emulation_mode');
-        }
-
-        this.lastEditedPage = model;
-        slideshow.goTo(this.pageViews.itemViews.findByModel(model).$el);
-      });
-      this.listenTo(app, 'resize', function () {
-        slideshow.triggerResizeHooks();
-        this.updateSimulatedMediaQueryClasses();
-      });
-      this.listenTo(state.pages, 'change:template', function () {
-        this.updateEmulationModeSupport(slideshow.currentPagePermaId());
-      });
-      this.updateSimulatedMediaQueryClasses();
-    },
-    updateEmulationModeSupport: function updateEmulationModeSupport(permaId) {
-      var model = state.pages.getByPermaId(permaId);
-      state.entry.set('current_page_supports_emulation_mode', model && model.pageType().supportsPhoneEmulation());
-    },
-    updateSimulatedMediaQueryClasses: function updateSimulatedMediaQueryClasses() {
-      var width = this.ui.container.width();
-      var height = this.ui.container.height();
-      var portrait = width < height;
-      $('html').toggleClass('simulate_mobile', width <= 900).toggleClass('simulate_phone', portrait && width <= 500 || !portrait && height <= 500).toggleClass('simulate_desktop', portrait && width > 500 || !portrait && height > 500).toggleClass('simulate_narrow_desktop', width <= 1200).toggleClass('simulate_wide_desktop', width > 1600).toggleClass('simulate_pad_portrait', width <= 768 && portrait).toggleClass('simulate_phone_portrait', width <= 500 && portrait);
-    },
-    update: function update() {
-      this.debouncedFetchWidgets();
-      this.$el.toggleClass('emphasize_chapter_beginning', !!this.model.configuration.get('emphasize_chapter_beginning'));
-    },
-    fetchWidgets: function fetchWidgets() {
-      var view = this;
-      $.ajax(this.model.url() + '/partials').success(function (response) {
-        var partials = $('<div />').html(response);
-        view.ui.header.replaceWith(partials.find('> .header'));
-        view.ui.overview.replaceWith(partials.find('> .overview'));
-        view.bindUIElements();
-        view.updateWidgets(partials);
-        view.ui.header.header({
-          slideshow: pageflow.slides
-        });
-        view.ui.overview.overview();
-      });
-    },
-    updateWidgets: function updateWidgets(partials) {
-      var widgets = partials.find('[data-widget]');
-      this.updatePresentWidgetsCssClasses(widgets);
-      this.widgets.remove();
-      this.widgets = widgets;
-      this.ui.entry.before(this.widgets);
-      pageflow.widgetTypes.enhance(this.$el);
-    },
-    updatePresentWidgetsCssClasses: function updatePresentWidgetsCssClasses(newWidgets) {
-      var previousClasses = this.widgetNames(this.widgets);
-      var newClasses = this.widgetNames(newWidgets);
-
-      var removedClasses = _$1.difference(previousClasses, newClasses);
-
-      var addedClasses = _$1.difference(newClasses, previousClasses);
-
-      this.$el.addClass('widgets_present');
-      this.$el.removeClass(removedClasses.join(' '));
-      this.$el.addClass(addedClasses.join(' '));
-
-      if (removedClasses.length || addedClasses.length) {
-        pageflow.events.trigger('widgets:update');
-      }
-    },
-    widgetNames: function widgetNames(widgets) {
-      return widgets.map(function () {
-        return 'widget_' + $(this).data('widget') + '_present';
-      }).get();
-    },
-    updateEmulationMode: function updateEmulationMode() {
-      if (state.entry.previous('emulation_mode')) {
-        this.$el.removeClass(this.emulationModeClassName(state.entry.previous('emulation_mode')));
-      }
-
-      if (state.entry.get('emulation_mode')) {
-        this.$el.addClass(this.emulationModeClassName(state.entry.get('emulation_mode')));
-      }
-
-      app.trigger('resize');
-    },
-    emulationModeClassName: function emulationModeClassName(mode) {
-      return 'emulation_mode_' + mode;
-    }
-  });
-
   var HelpImageView = Marionette.View.extend({
     tagName: 'img',
     className: 'help_image',
@@ -10281,60 +10204,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$15(data) {
-  var __t, __p = '';
-  __p += '<div class="box">\n  <h2>' +
-  ((__t = ( I18n.t('pageflow.editor.templates.page_selection.title') )) == null ? '' : __t) +
-  '</h2>\n\n  <div class="wrapper editor">\n    <div class="storyline_picker">\n    </div>\n  </div>\n\n  <div class="footer">\n    <a href="" class="close">' +
-  ((__t = ( I18n.t('pageflow.editor.templates.page_selection.cancel') )) == null ? '' : __t) +
-  '</a>\n  </div>\n</div>\n';
-  return __p
-  }
-
-  var PageSelectionView = Marionette.ItemView.extend({
-    template: template$15,
-    className: 'page_selection dialog',
-    mixins: [dialogView],
-    ui: {
-      storylines: '.storyline_picker',
-      chapters: '.chapters'
-    },
-    events: {
-      'click ul.pages li': function clickUlPagesLi(event) {
-        this.options.onSelect(state.pages.get($(event.currentTarget).data('id')));
-        this.close();
-      }
-    },
-    onRender: function onRender() {
-      var options = this.options;
-      this.subview(new StorylinePickerView({
-        el: this.ui.storylines,
-        pageItemViewOptions: {
-          isDisabled: function isDisabled(page) {
-            return options.isAllowed && !options.isAllowed(page);
-          }
-        }
-      }));
-    }
-  });
-
-  PageSelectionView.selectPage = function (options) {
-    return $.Deferred(function (deferred) {
-      var view = new PageSelectionView({
-        model: state.entry,
-        onSelect: deferred.resolve,
-        isAllowed: options && options.isAllowed
-      });
-      view.on('close', function () {
-        deferred.reject();
-      });
-      app.dialogRegion.show(view.render());
-    }).promise();
-  };
-
-  editor.pageSelectionView = PageSelectionView;
-
-  function template$16(data) {
+  function template$$(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) +
@@ -10344,10 +10214,8 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   return __p
   }
 
-  /** @api private */
-
   var ListItemView = Marionette.ItemView.extend({
-    template: template$16,
+    template: template$$,
     tagName: 'li',
     className: 'list_item',
     ui: {
@@ -10421,7 +10289,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$17(data) {
+  function template$10(data) {
   var __t, __p = '';
   __p += '<div class="checking notice">\n  <p>' +
   ((__t = ( I18n.t('pageflow.editor.templates.locked.loading') )) == null ? '' : __t) +
@@ -10436,7 +10304,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var LockedView = Marionette.ItemView.extend({
-    template: template$17,
+    template: template$10,
     className: 'locked checking',
     ui: {
       breakButton: '.break',
@@ -10513,6 +10381,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
         resizerTip: I18n$1.t('pageflow.editor.views.editor_views.resize_editor'),
         enableCursorHotkey: false,
         fxName: 'none',
+        maskIframesOnResize: true,
         onresize: function onresize() {
           app.trigger('resize');
         }
@@ -10628,7 +10497,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$18(data) {
+  function template$11(data) {
   var __t, __p = '';
   __p += '<li class="uploading"><span class="count">0</span>' +
   ((__t = ( I18n.t('pageflow.editor.templates.notification.upload_pending') )) == null ? '' : __t) +
@@ -10651,7 +10520,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   var NotificationsView = Marionette.ItemView.extend({
     className: 'notifications',
     tagName: 'ul',
-    template: template$18,
+    template: template$11,
     ui: {
       failedCount: '.failed .count',
       uploadingCount: '.uploading .count',
@@ -10665,8 +10534,8 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     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(state.savingRecords, 'add', this.update);
-      this.listenTo(state.savingRecords, '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();
@@ -10674,7 +10543,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     },
     update: function update() {
       this.$el.toggleClass('failed', !editor.failures.isEmpty());
-      this.$el.toggleClass('saving', !state.savingRecords.isEmpty());
+      this.$el.toggleClass('saving', !editor.savingRecords.isEmpty());
       this.ui.failedCount.text(editor.failures.count());
     },
     notifyUploadCount: function notifyUploadCount(model, uploadCount) {
@@ -10738,14 +10607,14 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$19(data) {
+  function template$12(data) {
   var __p = '';
   __p += '<h2></h2>\n';
   return __p
   }
 
   var NestedFilesView = Marionette.ItemView.extend({
-    template: template$19,
+    template: template$12,
     className: 'nested_files',
     ui: {
       header: 'h2'
@@ -10821,7 +10690,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }, 200)
   });
 
-  function template$1a(data) {
+  function template$13(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) +
@@ -10832,7 +10701,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   }
 
   var TextTracksView = Marionette.Layout.extend({
-    template: template$1a,
+    template: template$13,
     className: 'text_tracks',
     regions: {
       selectedFileRegion: '.selected_file_region'
@@ -10909,7 +10778,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       this.listenTo(pageflow.events, 'atmo:enabled', function () {
         this.$el.hide();
       });
-      this.$el.toggle(pageflow.atmo.disabled);
+      this.$el.toggle(!!pageflow.atmo && pageflow.atmo.disabled);
     },
     render: function render() {
       this.$el.attr('title', I18n$1.t('pageflow.editor.atmo.disabled'));
@@ -10917,7 +10786,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     }
   });
 
-  function template$1b(data) {
+  function template$14(data) {
   var __p = '';
   __p += '<label>\n  <span class="list_label"></span>\n</label>\n\n<ul class="list_items"></ul>\n';
   return __p
@@ -10939,6 +10808,8 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    *
    * @param {Backbone.Collection} options.collection
    *
+   * @param {Object} options
+   *
    * @param {string} options.label
    *   Text of the label to display above the list.
    *
@@ -10959,11 +10830,10 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
    * @param {function} [options.onRemove]
    *
    * @class
-   * @memberof module:pageflow/editor
    */
 
   var ListView = Marionette.ItemView.extend({
-    template: template$1b,
+    template: template$14,
     className: 'list',
     ui: {
       label: '.list_label',
@@ -10993,7 +10863,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   });
 
   var ConfirmUploadView = Marionette.Layout.extend({
-    template: template$U,
+    template: template$Q,
     className: 'confirm_upload editor dialog',
     mixins: [dialogView],
     regions: {
@@ -11052,6 +10922,100 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     app.dialogRegion.show(new ConfirmUploadView(options));
   };
 
+  /**
+   * Base view to edit configuration container models.  Extend and
+   * override the `configure` method which receives a {@link
+   * ConfigurationEditorView} to define the tabs and inputs that shall
+   * be displayed.
+   *
+   * Add a `translationKeyPrefix` property to the prototype and define
+   * the following translations:
+   *
+   * * `<translationKeyPrefix>.tabs`: used as `tabTranslationKeyPrefix`
+   *   of the `ConfigurationEditorView`.
+   *
+   * * `<translationKeyPrefix>.attributes`: used as one of the
+   *   `attributeTranslationKeyPrefixes` of the
+   *   `ConfigurationEditorView`.
+   *
+   * * `<translationKeyPrefix>.back` (optional): Back button label.
+   *
+   * * `<translationKeyPrefix>.destroy` (optional): Destroy button
+   *   label.
+   *
+   * * `<translationKeyPrefix>.confirm_destroy` (optional): Confirm
+   *   message displayed before destroying.
+   *
+   * * `<translationKeyPrefix>.save_error` (optional): Header of the
+   *   failure message that is displayed if the model cannot be saved.
+   *
+   * * `<translationKeyPrefix>.retry` (optional): Label of the retry
+   *   button of the failure message.
+   *
+   * @param {Object} options
+   * @param {Backbone.Model} options.model -
+   *   Model including the {@link configurationContainer},
+   *   {@link failureTracking} and {@link delayedDestroying} mixins.
+   *
+   * @since 15.1
+   */
+
+  var EditConfigurationView = Marionette.Layout.extend({
+    template: function template(_ref) {
+      var t = _ref.t;
+      return "\n    <a class=\"back\">".concat(t('back'), "</a>\n    <a class=\"destroy\">").concat(t('destroy'), "</a>\n\n    <div class=\"failure\">\n      <p>").concat(t('save_error'), "</p>\n      <p class=\"message\"></p>\n      <a class=\"retry\" href=\"\">").concat(t('retry'), "</a>\n    </div>\n\n    <div class=\"configuration_container\"></div>\n  ");
+    },
+    serializeData: function serializeData() {
+      var _this = this;
+
+      return {
+        t: function t(key) {
+          return _this.t(key);
+        }
+      };
+    },
+    mixins: [failureIndicatingView],
+    regions: {
+      configurationContainer: '.configuration_container'
+    },
+    events: {
+      'click a.back': 'goBack',
+      'click a.destroy': 'destroy'
+    },
+    onRender: function onRender() {
+      var translationKeyPrefix = _$1.result(this, 'translationKeyPrefix');
+
+      this.configurationEditor = new ConfigurationEditorView({
+        tabTranslationKeyPrefix: "".concat(translationKeyPrefix, ".tabs"),
+        attributeTranslationKeyPrefixes: ["".concat(translationKeyPrefix, ".attributes")],
+        model: this.model.configuration
+      });
+      this.configure(this.configurationEditor);
+      this.configurationContainer.show(this.configurationEditor);
+    },
+    onShow: function onShow() {
+      this.configurationEditor.refreshScroller();
+    },
+    destroy: function destroy() {
+      if (window.confirm(this.t('confirm_destroy'))) {
+        this.model.destroyWithDelay();
+        this.goBack();
+      }
+    },
+    goBack: function goBack() {
+      editor.navigate('/', {
+        trigger: true
+      });
+    },
+    t: function t(suffix) {
+      var translationKeyPrefix = _$1.result(this, 'translationKeyPrefix');
+
+      return I18n$1.t("".concat(translationKeyPrefix, ".").concat(suffix), {
+        defaultValue: I18n$1.t("pageflow.editor.views.edit_configuration.".concat(suffix))
+      });
+    }
+  });
+
   ConfigurationEditorView.register('audio', {
     configure: function configure() {
       this.tab('general', function () {
@@ -11355,7 +11319,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
             text: I18n$1.t('pageflow.editor.title_loading_spinner.widget_type_info_box_text')
           });
           this.input('title', TextInputView, {
-            placeholder: state.entry.configuration.get('title') || state.entry.get('entry_title')
+            placeholder: state.entry.metadata.get('title') || state.entry.get('entry_title')
           });
           this.input('subtitle', TextInputView);
           this.input('custom_background_image_id', FileInputView, {
@@ -11533,7 +11497,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     state.pages = new PagesCollection(options.pages);
     state.chapters = new ChaptersCollection(options.chapters);
     state.storylines = new StorylinesCollection(options.storylines);
-    state.entry = new Entry(options.entry, {
+    state.entry = editor.createEntryModel(options, {
       widgets: widgets
     });
     state.theming = new Theming(options.theming);
@@ -11557,9 +11521,8 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     editor.failures.watch(state.entry);
     editor.failures.watch(state.pages);
     editor.failures.watch(state.chapters);
-    state.savingRecords = new SavingRecordsCollection();
-    state.savingRecords.watch(state.pages);
-    state.savingRecords.watch(state.chapters);
+    editor.savingRecords.watch(state.pages);
+    editor.savingRecords.watch(state.chapters);
     pageflow.events.trigger('seed:loaded');
   });
 
@@ -11616,7 +11579,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
     state.entry.on('use:files', function () {
       pageflow.stylesheet.reload('entry');
     });
-    state.entry.configuration.on('change:theme_name', function () {
+    state.entry.metadata.on('change:theme_name', function () {
       var theme = state.entry.getTheme();
       pageflow.stylesheet.update('theme', theme.get('stylesheet_path'));
     });
@@ -11673,7 +11636,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
       el: $('sidebar .scrolling'),
       region: app.sidebarRegion
     }).render();
-    app.previewRegion.show(new EntryPreviewView({
+    app.previewRegion.show(new editor.entryType.previewView({
       model: state.entry
     }));
     app.indicatorsRegion.show(new DisabledAtmoIndicatorView());
@@ -11701,11 +11664,9 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   exports.BackgroundPositioningPreviewView = BackgroundPositioningPreviewView;
   exports.BackgroundPositioningSlidersView = BackgroundPositioningSlidersView;
   exports.BackgroundPositioningView = BackgroundPositioningView;
-  exports.BlankEntryView = BlankEntryView;
   exports.ChangeThemeDialogView = ChangeThemeDialogView;
   exports.Chapter = Chapter;
   exports.ChapterConfiguration = ChapterConfiguration;
-  exports.ChapterItemView = ChapterItemView;
   exports.ChapterPagesCollection = ChapterPagesCollection;
   exports.ChapterScaffold = ChapterScaffold;
   exports.ChaptersCollection = ChaptersCollection;
@@ -11727,6 +11688,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   exports.DropDownButtonItemView = DropDownButtonItemView;
   exports.DropDownButtonView = DropDownButtonView;
   exports.EditChapterView = EditChapterView;
+  exports.EditConfigurationView = EditConfigurationView;
   exports.EditEntryView = EditEntryView;
   exports.EditFileView = EditFileView;
   exports.EditLock = EditLock;
@@ -11743,14 +11705,14 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   exports.EncodedFile = EncodedFile;
   exports.EncodingConfirmation = EncodingConfirmation;
   exports.Entry = Entry;
-  exports.EntryConfiguration = EntryConfiguration;
-  exports.EntryConfigurationFileSelectionHandler = EntryConfigurationFileSelectionHandler;
-  exports.EntryPreviewView = EntryPreviewView;
+  exports.EntryMetadata = EntryMetadata;
+  exports.EntryMetadataFileSelectionHandler = EntryMetadataFileSelectionHandler;
   exports.EntryPublication = EntryPublication;
   exports.EntryPublicationQuotaDecoratorView = EntryPublicationQuotaDecoratorView;
   exports.EnumTableCellView = EnumTableCellView;
   exports.ExplorerFileItemView = ExplorerFileItemView;
   exports.ExtendedSelectInputView = ExtendedSelectInputView;
+  exports.Failure = Failure;
   exports.FileConfiguration = FileConfiguration;
   exports.FileImport = FileImport;
   exports.FileInputView = FileInputView;
@@ -11763,6 +11725,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   exports.FileStage = FileStage;
   exports.FileStageItemView = FileStageItemView;
   exports.FileThumbnailView = FileThumbnailView;
+  exports.FileTypes = FileTypes;
   exports.FileTypesCollection = FileTypesCollection;
   exports.FileUploader = FileUploader;
   exports.FilesCollection = FilesCollection;
@@ -11770,6 +11733,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   exports.FilesImporterView = FilesImporterView;
   exports.FilesView = FilesView;
   exports.FilteredFilesView = FilteredFilesView;
+  exports.ForeignKeySubsetCollection = ForeignKeySubsetCollection;
   exports.HelpButtonView = HelpButtonView;
   exports.HelpImageView = HelpImageView;
   exports.HelpView = HelpView;
@@ -11784,9 +11748,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   exports.LoadingView = LoadingView;
   exports.LockedView = LockedView;
   exports.ModelThumbnailView = ModelThumbnailView;
-  exports.MultiCollection = MultiCollection;
-  exports.NavigatableChapterItemView = NavigatableChapterItemView;
-  exports.NavigatablePageItemView = NavigatablePageItemView;
   exports.NestedFilesCollection = NestedFilesCollection;
   exports.NestedFilesView = NestedFilesView;
   exports.NestedTypeError = NestedTypeError;
@@ -11799,7 +11760,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   exports.OtherEntryItemView = OtherEntryItemView;
   exports.Page = Page;
   exports.PageConfigurationFileSelectionHandler = PageConfigurationFileSelectionHandler;
-  exports.PageItemView = PageItemView;
   exports.PageLink = PageLink;
   exports.PageLinkConfigurationEditorView = PageLinkConfigurationEditorView;
   exports.PageLinkFileSelectionHandler = PageLinkFileSelectionHandler;
@@ -11807,8 +11767,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   exports.PageLinkItemView = PageLinkItemView;
   exports.PageLinksCollection = PageLinksCollection;
   exports.PageLinksView = PageLinksView;
-  exports.PagePreviewView = PagePreviewView;
-  exports.PageSelectionView = PageSelectionView;
   exports.PageThumbnailView = PageThumbnailView;
   exports.PagesCollection = PagesCollection;
   exports.PresenceTableCellView = PresenceTableCellView;
@@ -11817,7 +11775,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   exports.PublishEntryView = PublishEntryView;
   exports.ReferenceInputView = ReferenceInputView;
   exports.ReusableFile = ReusableFile;
-  exports.SavingRecordsCollection = SavingRecordsCollection;
   exports.Scaffold = Scaffold;
   exports.ScrollingView = ScrollingView;
   exports.SelectButtonView = SelectButtonView;
@@ -11832,8 +11789,6 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   exports.StorylineChaptersCollection = StorylineChaptersCollection;
   exports.StorylineConfiguration = StorylineConfiguration;
   exports.StorylineOrdering = StorylineOrdering;
-  exports.StorylineOutlineView = StorylineOutlineView;
-  exports.StorylinePickerView = StorylinePickerView;
   exports.StorylineScaffold = StorylineScaffold;
   exports.StorylineTransitiveChildPages = StorylineTransitiveChildPages;
   exports.StorylinesCollection = StorylinesCollection;
@@ -11868,13 +11823,17 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   exports.WidgetConfiguration = WidgetConfiguration;
   exports.WidgetConfigurationFileSelectionHandler = WidgetConfigurationFileSelectionHandler;
   exports.WidgetItemView = WidgetItemView;
+  exports.WidgetTypes = WidgetTypes;
   exports.WidgetsCollection = WidgetsCollection;
   exports.addAndReturnModel = addAndReturnModel;
   exports.app = app;
   exports.authenticationProvider = authenticationProvider;
+  exports.configurationContainer = configurationContainer;
+  exports.cssModulesUtils = cssModulesUtils;
   exports.delayedDestroying = delayedDestroying;
   exports.dialogView = dialogView;
   exports.editor = editor;
+  exports.entryTypeEditorControllerUrls = entryTypeEditorControllerUrls;
   exports.failureIndicatingView = failureIndicatingView;
   exports.failureTracking = failureTracking;
   exports.fileWithType = fileWithType;
@@ -11884,6 +11843,7 @@ this.pageflow._editorGlobalInterop = (function (exports, Backbone, _$1, Marionet
   exports.inputView = inputView;
   exports.inputWithPlaceholderText = inputWithPlaceholderText;
   exports.loadable = loadable;
+  exports.modelLifecycleTrackingView = modelLifecycleTrackingView;
   exports.orderedCollection = orderedCollection;
   exports.persistedPromise = persistedPromise;
   exports.polling = polling;