pageflow 15.7.1 → 16.0.0

data/package/editor.js

@@ -2684,10 +2684,10 @@ var EditLockContainer = Backbone.Model.extend({
   handleError: function handleError() {}
 });
 
-var Theming = Backbone.Model.extend({
-  modelName: 'theming',
-  i18nKey: 'pageflow/theming',
-  collectionName: 'themings'
+var Site = Backbone.Model.extend({
+  modelName: 'site',
+  i18nKey: 'pageflow/site',
+  collectionName: 'sites'
 });
 
 var ChapterConfiguration = Configuration.extend({
@@ -3496,40 +3496,28 @@ var FileImport = Backbone.Model.extend({
   },
   startImportJob: function startImportJob(collectionName) {
     this.action = 'start_import_job';
-    var selections = state.files[collectionName].uploadable();
-    var jsonSelections = selections.toJSON();
-    jsonSelections.forEach(function (selection, index) {
-      selection['url'] = selections.at(index).get('source_url');
-    });
+    var fileType = editor.fileTypes.findByCollectionName(collectionName);
     var currentEntry = this.get('currentEntry');
-    this.fetch({
-      data: {
+    var selections = currentEntry.getFileCollection(fileType).uploadable();
+    this.sync('create', this, {
+      attrs: {
         collection: collectionName,
-        files: jsonSelections
+        files: selections.toJSON().map(function (item, index) {
+          return _objectSpread2(_objectSpread2({}, item), {}, {
+            url: selections.at(index).get('source_url')
+          });
+        })
       },
-      postData: true,
-      type: 'POST'
-    }).then(function (data) {
-      if (data && data.data) {
-        var files = data.data;
-
-        if (files && files.length > 0) {
-          files.forEach(function (file) {
-            var localFile = selections.find(function (cFile) {
-              return cFile.get('attachment_on_s3_file_name') == file.file_name && cFile.get('source_url') == file.source_url && cFile.get('state') == 'uploadable';
-            });
-
-            if (localFile) {
-              state.files[collectionName].remove(localFile);
-              var fileType = editor.fileTypes.findByUpload(file);
-              file = new fileType.model(file, {
-                fileType: fileType
-              });
-              currentEntry.getFileCollection(fileType).add(file);
-              file.set('state', 'uploading');
-            }
+      success: function success(items) {
+        items.forEach(function (item) {
+          var file = selections.find(function (file) {
+            return file.get('source_url') == item.source_url;
           });
-        }
+
+          if (file) {
+            file.set(item.attributes);
+          }
+        });
       }
     });
   }
@@ -3915,11 +3903,11 @@ __p += '<div class="blank_slate">\n  <p>\n      ' +
 ((__t = ( I18n.t('pageflow.editor.templates.confirm_encoding.link_to_progress', {
             link: '<a href="#/files/video_files">'+I18n.t('pageflow.editor.templates.confirm_encoding.manage_files')+'</a>'})
       )) == null ? '' : __t) +
-'\n  </p>\n</div>\n\n<div class="intro">\n</div>\n\n<div class="video_files_panel">\n  <h2>' +
+'\n  </p>\n</div>\n\n<div class="intro">\n</div>\n\n<div class="video_files_panel">\n  <h2 class="sidebar-header">\n    ' +
 ((__t = ( I18n.t('pageflow.editor.templates.confirm_encoding.videos_tab') )) == null ? '' : __t) +
-'</h2>\n</div>\n\n<div class="audio_files_panel">\n  <h2>' +
+'\n  </h2>\n</div>\n\n<div class="audio_files_panel">\n  <h2 class="sidebar-header">\n    ' +
 ((__t = ( I18n.t('pageflow.editor.templates.confirm_encoding.audios_tab') )) == null ? '' : __t) +
-'</h2>\n</div>\n\n<div class="summary">\n</div>\n<button class="confirm">' +
+'\n  </h2>\n</div>\n\n<div class="summary">\n</div>\n<button class="confirm">' +
 ((__t = ( I18n.t('pageflow.editor.templates.confirm_encoding.confirm_button') )) == null ? '' : __t) +
 '</button>\n';
 return __p
@@ -4164,6 +4152,10 @@ var EditEntryView = Marionette.Layout.extend({
         link.data('path', options.path);
       }
 
+      if (options.id) {
+        link.attr('data-main-menu-item', options.id);
+      }
+
       link.text(I18n$1.t(options.translationKey));
 
       if (options.click) {
@@ -4190,9 +4182,6 @@ var WidgetItemView = Marionette.Layout.extend({
   regions: {
     widgetTypeContainer: '.widget_type'
   },
-  ui: {
-    role: 'h2'
-  },
   modelEvents: {
     'change:type_name': 'update'
   },
@@ -4459,12 +4448,12 @@ var DropDownButtonItemView = Marionette.ItemView.extend({
     label: '> .label'
   },
   events: {
-    'click > a': function clickA() {
+    'click > a': function clickA(event) {
       if (!this.model.get('disabled')) {
         this.model.selected();
       }
 
-      return false;
+      event.preventDefault();
     }
   },
   modelEvents: {
@@ -4518,6 +4507,13 @@ return __p
  * @param {Backbone.Collection} options.items
  *   Collection of menu items. See below for supported attributes.
  *
+ * @param {boolean} [options.fullWidth]
+ *   Make button and drop down span 100% of available width.
+ *
+ * @param {boolean} [options.openOnClick]
+ *   Require click to open menu. By default, menu opens on when the
+ *   mouse enters the button.
+ *
  * ## Item Models
  *
  * The following model attributes can be used to control the
@@ -4542,17 +4538,19 @@ var DropDownButtonView = Marionette.ItemView.extend({
     button: '> button',
     menu: '.drop_down_button_menu'
   },
-  events: {
-    'mouseenter': function mouseenter() {
+  events: function events() {
+    var _ref;
+
+    return _ref = {}, _defineProperty(_ref, this.options.openOnClick ? 'click' : 'mouseenter', function () {
       this.positionMenu();
       this.showMenu();
-    },
-    'mouseleave': function mouseleave() {
+    }), _defineProperty(_ref, 'mouseleave', function mouseleave() {
       this.scheduleHideMenu();
-    }
+    }), _ref;
   },
   onRender: function onRender() {
     var view = this;
+    this.$el.toggleClass('full_width', !!this.options.fullWidth);
     this.ui.button.toggleClass('has_icon_and_text', !!this.options.label);
     this.ui.button.toggleClass('has_icon_only', !this.options.label);
     this.ui.button.text(this.options.label);
@@ -4565,6 +4563,9 @@ var DropDownButtonView = Marionette.ItemView.extend({
       },
       'mouseleave': function mouseleave() {
         view.scheduleHideMenu();
+      },
+      'click': function click() {
+        view.hideMenu();
       }
     });
     this.ui.menu.appendTo('#editor_menu_container');
@@ -4576,13 +4577,15 @@ var DropDownButtonView = Marionette.ItemView.extend({
     var offset = this.$el.offset();
     this.ui.menu.css({
       top: offset.top + this.$el.height(),
-      left: offset.left
+      left: offset.left,
+      width: this.options.fullWidth ? this.$el.width() : null
     });
   },
   showMenu: function showMenu() {
     this.ensureOnlyOneDropDownButtonShowsMenu();
     clearTimeout(this.hideMenuTimeout);
     this.ui.menu.addClass('is_visible');
+    this.ui.button.addClass('hover');
   },
   ensureOnlyOneDropDownButtonShowsMenu: function ensureOnlyOneDropDownButtonShowsMenu() {
     if (DropDownButtonView.currentlyShowingMenu) {
@@ -4595,6 +4598,7 @@ var DropDownButtonView = Marionette.ItemView.extend({
     clearTimeout(this.hideMenuTimeout);
 
     if (!this.isClosed) {
+      this.ui.button.removeClass('hover');
       this.ui.menu.removeClass('is_visible');
     }
   },
@@ -4654,16 +4658,6 @@ var FileThumbnailView = Marionette.ItemView.extend({
   }
 });
 
-function template$f(data) {
-var __t, __p = '';
-__p += '<label>\n  <span class="name"></span>\n  <span class="inline_help"></span>\n</label>\n<div class="file_thumbnail"></div>\n<div class="file_name"></div>\n\n<a href="" class="unset" title="' +
-((__t = ( I18n.t('pageflow.ui.templates.inputs.file_input.reset') )) == null ? '' : __t) +
-'"></a>\n<a href="" class="choose" title="' +
-((__t = ( I18n.t('pageflow.ui.templates.inputs.file_input.edit') )) == null ? '' : __t) +
-'"></a>\n';
-return __p
-}
-
 /**
  * Input view to reference a file.
  *
@@ -4672,7 +4666,9 @@ return __p
 
 var FileInputView = Marionette.ItemView.extend({
   mixins: [inputView],
-  template: template$f,
+  template: function template() {
+    return "\n    <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=\"\"\n       class=\"unset\"\n       title=\"".concat(I18n$1.t('pageflow.ui.templates.inputs.file_input.reset'), "\">\n    </a>\n    <a href=\"\"\n       class=\"choose\"\n       title=\"").concat(I18n$1.t('pageflow.ui.templates.inputs.file_input.edit'), "\">\n    </a>\n  ");
+  },
   className: 'file_input',
   ui: {
     fileName: '.file_name',
@@ -4715,7 +4711,8 @@ var FileInputView = Marionette.ItemView.extend({
 
     if (dropDownMenuItems.length) {
       this.appendSubview(new DropDownButtonView({
-        items: dropDownMenuItems
+        items: dropDownMenuItems,
+        openOnClick: true
       }));
     }
   },
@@ -4870,14 +4867,14 @@ FileInputView.DefaultTextTrackFileMenuItem = Backbone.Model.extend({
   }
 });
 
-function template$g(data) {
+function template$f(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$g,
+  template: template$f,
   className: 'loading',
   tagName: 'li'
 });
@@ -4900,7 +4897,7 @@ var selectableView = {
   }
 };
 
-function template$h(data) {
+function template$g(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) +
@@ -4910,7 +4907,7 @@ return __p
 
 var ThemeItemView = Marionette.ItemView.extend({
   tagName: 'li',
-  template: template$h,
+  template: template$g,
   className: 'theme_item',
   mixins: [selectableView],
   selectionAttribute: 'theme',
@@ -4941,7 +4938,7 @@ var ThemeItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$i(data) {
+function template$h(data) {
 var __t, __p = '';
 __p += '<div class="box">\n  <h1 class="dialog-header">\n    ' +
 ((__t = ( I18n.t('pageflow.editor.templates.change_theme_dialog.header') )) == null ? '' : __t) +
@@ -4956,7 +4953,7 @@ return __p
 }
 
 var ChangeThemeDialogView = Marionette.ItemView.extend({
-  template: template$i,
+  template: template$h,
   className: 'change_theme dialog editor',
   mixins: [dialogView],
   ui: {
@@ -5024,14 +5021,14 @@ ChangeThemeDialogView.changeTheme = function (options) {
   }).promise();
 };
 
-function template$j(data) {
+function template$i(data) {
 var __p = '';
 __p += '\n';
 return __p
 }
 
 var StaticThumbnailView = Marionette.ItemView.extend({
-  template: template$j,
+  template: template$i,
   className: 'static_thumbnail',
   modelEvents: {
     'change:configuration': 'update'
@@ -5095,7 +5092,7 @@ var ModelThumbnailView = Marionette.View.extend({
   }
 });
 
-function template$k(data) {
+function template$j(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
@@ -5111,7 +5108,7 @@ var ReferenceInputView = Marionette.ItemView.extend(
 /** @lends ReferenceInputView.prototype */
 {
   mixins: [inputView],
-  template: template$k,
+  template: template$j,
   className: 'reference_input',
   ui: {
     title: '.title',
@@ -5210,7 +5207,7 @@ var ThemeInputView = ReferenceInputView.extend({
   }
 });
 
-function template$l(data) {
+function template$k(data) {
 var __t, __p = '';
 __p += '<a class="back">' +
 ((__t = ( I18n.t('pageflow.editor.templates.edit_meta_data.outline') )) == null ? '' : __t) +
@@ -5223,7 +5220,7 @@ return __p
 }
 
 var EditMetaDataView = Marionette.Layout.extend({
-  template: template$l,
+  template: template$k,
   className: 'edit_meta_data',
   mixins: [failureIndicatingView],
   regions: {
@@ -5275,7 +5272,7 @@ var EditMetaDataView = Marionette.Layout.extend({
     configurationEditor.tab('widgets', function () {
       editor.entryType.appearanceInputs && editor.entryType.appearanceInputs(this, {
         entry: entry,
-        theming: state.theming
+        site: state.site
       });
       entry.widgets && this.view(EditWidgetsView, {
         model: entry,
@@ -5323,7 +5320,7 @@ var EditMetaDataView = Marionette.Layout.extend({
   }
 });
 
-function template$m(data) {
+function template$l(data) {
 var __t, __p = '';
 __p += '<a class="back">' +
 ((__t = ( I18n.t('pageflow.editor.templates.edit_widget.back') )) == null ? '' : __t) +
@@ -5332,7 +5329,7 @@ return __p
 }
 
 var EditWidgetView = Marionette.ItemView.extend({
-  template: template$m,
+  template: template$l,
   className: 'edit_widget',
   events: {
     'click a.back': function clickABack() {
@@ -5364,7 +5361,7 @@ var loadable = modelLifecycleTrackingView({
   }
 });
 
-function template$n(data) {
+function template$m(data) {
 var __p = '';
 __p += '<span class="file_thumbnail"></span>\n\n<span class="file_name"></span>\n';
 return __p
@@ -5372,7 +5369,7 @@ return __p
 
 var ExplorerFileItemView = Marionette.ItemView.extend({
   tagName: 'li',
-  template: template$n,
+  template: template$m,
   mixins: [loadable, selectableView],
   selectionAttribute: 'file',
   ui: {
@@ -5409,14 +5406,14 @@ var ExplorerFileItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$o(data) {
+function template$n(data) {
 var __p = '';
 __p += '<a href="">\n  <span class="title"></span>\n</a>\n';
 return __p
 }
 
 var OtherEntryItemView = Marionette.ItemView.extend({
-  template: template$o,
+  template: template$n,
   className: 'other_entry_item',
   tagName: 'li',
   mixins: [selectableView],
@@ -5431,7 +5428,7 @@ var OtherEntryItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$p(data) {
+function template$o(data) {
 var __t, __p = '';
 __p +=
 ((__t = ( I18n.t('pageflow.editor.templates.other_entries_blank_slate.none_available') )) == null ? '' : __t) +
@@ -5457,7 +5454,7 @@ var OtherEntriesCollectionView = Marionette.View.extend({
         selection: this.options.selection
       },
       blankSlateViewConstructor: Marionette.ItemView.extend({
-        template: template$p,
+        template: template$o,
         tagName: 'li',
         className: 'blank_slate'
       }),
@@ -5468,7 +5465,7 @@ var OtherEntriesCollectionView = Marionette.View.extend({
   }
 });
 
-function template$q(data) {
+function template$p(data) {
 var __t, __p = '';
 __p += '<div class="box">\n  <h1 class="dialog-header">\n    ' +
 ((__t = ( I18n.t('pageflow.editor.templates.files_explorer.reuse_files') )) == null ? '' : __t) +
@@ -5497,7 +5494,7 @@ return __p
 }
 
 var FilesExplorerView = Marionette.ItemView.extend({
-  template: template$q,
+  template: template$p,
   className: 'files_explorer editor dialog',
   mixins: [dialogView],
   ui: {
@@ -5584,7 +5581,7 @@ FilesExplorerView.open = function (options) {
   app.dialogRegion.show(new FilesExplorerView(options));
 };
 
-function template$r(data) {
+function template$q(data) {
 var __p = '';
 __p += '<th></th>\n<td></td>';
 return __p
@@ -5592,7 +5589,7 @@ return __p
 
 var FileMetaDataItemView = Marionette.ItemView.extend({
   tagName: 'tr',
-  template: template$r,
+  template: template$q,
   ui: {
     label: 'th',
     value: 'td'
@@ -5614,7 +5611,7 @@ var FileMetaDataItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$s(data) {
+function template$r(data) {
 var __p = '';
 __p += '<p class="percent"></p>\n<p class="description"></p>\n<p class="error_message"></p>';
 return __p
@@ -5623,7 +5620,7 @@ return __p
 var FileStageItemView = Marionette.ItemView.extend({
   tagName: 'li',
   className: 'file_stage_item',
-  template: template$s,
+  template: template$r,
   ui: {
     description: '.description',
     percent: '.percent',
@@ -5664,7 +5661,7 @@ var FileStageItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$t(data) {
+function template$s(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) +
@@ -5688,7 +5685,7 @@ return __p
 
 var FileItemView = Marionette.ItemView.extend({
   tagName: 'li',
-  template: template$t,
+  template: template$s,
   mixins: [loadable],
   ui: {
     fileName: '.file_name',
@@ -5803,7 +5800,7 @@ var FileItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$u(data) {
+function template$t(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) +
@@ -5822,7 +5819,7 @@ return __p
 }
 
 var FilteredFilesView = Marionette.ItemView.extend({
-  template: template$u,
+  template: template$t,
   className: 'filtered_files',
   ui: {
     banner: '.filtered_files-banner',
@@ -5886,7 +5883,7 @@ var FilteredFilesView = Marionette.ItemView.extend({
   }
 });
 
-function template$v(data) {
+function template$u(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) +
@@ -5896,7 +5893,7 @@ __p += '<div class="box choose_importer_box">\n  <h1 class="dialog-header">' +
 return __p
 }
 
-function template$w(data) {
+function template$v(data) {
 var __t, __p = '';
 __p += '<button class=\'importer\' data-key=\'' +
 ((__t = ( data.fileImporter.key )) == null ? '' : __t) +
@@ -5911,7 +5908,7 @@ return __p
 }
 
 var ImporterSelectView = Marionette.ItemView.extend({
-  template: template$w,
+  template: template$v,
   className: 'importer_select',
   tagName: 'li',
   events: {
@@ -5928,7 +5925,7 @@ var ImporterSelectView = Marionette.ItemView.extend({
 });
 
 var ChooseImporterView = Marionette.ItemView.extend({
-  template: template$v,
+  template: template$u,
   className: 'choose_importer editor dialog',
   mixins: [dialogView],
   ui: {
@@ -5963,7 +5960,7 @@ ChooseImporterView.open = function (options) {
   app.dialogRegion.show(new ChooseImporterView(options).render());
 };
 
-function template$x(data) {
+function template$w(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) +
@@ -5977,7 +5974,7 @@ __p += '<div class="box file_importer_box">\n  <h1 class="dialog-header">' +
 return __p
 }
 
-function template$y(data) {
+function template$x(data) {
 var __t, __p = '';
 __p += '<div class="box">\n  <h1 class="dialog-header">' +
 ((__t = ( I18n.t('pageflow.editor.templates.confirm_upload.header') )) == null ? '' : __t) +
@@ -5995,9 +5992,6 @@ return __p
 
 var UploadableFilesView = Marionette.View.extend({
   className: 'uploadable_files',
-  ui: {
-    header: 'h2'
-  },
   initialize: function initialize() {
     this.uploadableFiles = this.collection.uploadable();
 
@@ -6042,7 +6036,7 @@ var UploadableFilesView = Marionette.View.extend({
 });
 
 var ConfirmFileImportUploadView = Marionette.Layout.extend({
-  template: template$y,
+  template: template$x,
   className: 'confirm_upload editor dialog',
   mixins: [dialogView],
   regions: {
@@ -6112,7 +6106,7 @@ ConfirmFileImportUploadView.open = function (options) {
 };
 
 var FilesImporterView = Marionette.ItemView.extend({
-  template: template$x,
+  template: template$w,
   className: 'files_importer editor dialog',
   mixins: [dialogView],
   ui: {
@@ -6199,7 +6193,7 @@ FilesImporterView.open = function (options) {
   app.dialogRegion.show(new FilesImporterView(options).render());
 };
 
-function template$z(data) {
+function template$y(data) {
 var __t, __p = '';
 __p += '<button class="">\n  <span class="label">' +
 ((__t = ( I18n.t('pageflow.editor.templates.select_button.select') )) == null ? '' : __t) +
@@ -6208,7 +6202,7 @@ return __p
 }
 
 var SelectButtonView = Marionette.ItemView.extend({
-  template: template$z,
+  template: template$y,
   className: 'select_button',
   ui: {
     button: 'button',
@@ -6243,7 +6237,7 @@ var SelectButtonView = Marionette.ItemView.extend({
   }
 });
 
-function template$A(data) {
+function template$z(data) {
 var __t, __p = '';
 __p += '<a class="back">' +
 ((__t = ( I18n.t('pageflow.editor.templates.files.back') )) == null ? '' : __t) +
@@ -6252,7 +6246,7 @@ return __p
 }
 
 var FilesView = Marionette.ItemView.extend({
-  template: template$A,
+  template: template$z,
   className: 'manage_files',
   events: {
     'click a.back': 'goBack',
@@ -6337,14 +6331,14 @@ var FilesView = Marionette.ItemView.extend({
   }
 });
 
-function template$B(data) {
+function template$A(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$B,
+  template: template$A,
   className: 'quota_decorator',
   regions: {
     outlet: '.outlet'
@@ -6385,7 +6379,7 @@ var EntryPublicationQuotaDecoratorView = Marionette.Layout.extend({
   }
 });
 
-function template$C(data) {
+function template$B(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) +
@@ -6397,9 +6391,9 @@ __p += '<div class="files_pending notice">\n  <p>' +
 ((__t = ( I18n.t('pageflow.editor.templates.publish_entry.view_revisions') )) == null ? '' : __t) +
 '</a></p>\n  </div>\n\n  <div class="not_published notice">\n      ' +
 ((__t = ( I18n.t('pageflow.editor.templates.publish_entry.not_published_notice') )) == null ? '' : __t) +
-'\n  </div>\n\n  <h2>' +
+'\n  </div>\n\n  <h2 class="sidebar-header">\n    ' +
 ((__t = ( I18n.t('pageflow.editor.templates.publish_entry.publish_current') )) == null ? '' : __t) +
-'</h2>\n\n  <div class="radio_input">\n    <input id="publish_entry_forever" type="radio" name="mode" value="publish_forever">\n    <label for="publish_entry_forever">' +
+'\n  </h2>\n\n  <div class="radio_input">\n    <input id="publish_entry_forever" type="radio" name="mode" value="publish_forever">\n    <label for="publish_entry_forever">' +
 ((__t = ( I18n.t('pageflow.editor.templates.publish_entry.unlimited') )) == null ? '' : __t) +
 '</label>\n  </div>\n\n  <div class="radio_input">\n    <input id="publish_entry_until" type="radio" name="mode" value="publish_until">\n    <label for="publish_entry_until">' +
 ((__t = ( I18n.t('pageflow.editor.templates.publish_entry.until_including') )) == null ? '' : __t) +
@@ -6432,7 +6426,7 @@ return __p
 }
 
 var PublishEntryView = Marionette.ItemView.extend({
-  template: template$C,
+  template: template$B,
   className: 'publish_entry',
   ui: {
     publishUntilFields: '.publish_until_fields',
@@ -6817,7 +6811,7 @@ var ScrollingView = Marionette.View.extend({
   }
 });
 
-function template$D(data) {
+function template$C(data) {
 var __t, __p = '';
 __p += '<div class="box">\n  <h2>' +
 ((__t = ( I18n.t('pageflow.editor.templates.help.title') )) == null ? '' : __t) +
@@ -6828,7 +6822,7 @@ return __p
 }
 
 var HelpView = Marionette.ItemView.extend({
-  template: template$D,
+  template: template$C,
   className: 'help',
   ui: {
     placeholder: '.placeholder',
@@ -6905,7 +6899,7 @@ var PageThumbnailView = ModelThumbnailView.extend({
   className: 'model_thumbnail page_thumbnail'
 });
 
-function template$E(data) {
+function template$D(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) +
@@ -6916,7 +6910,7 @@ return __p
 }
 
 var PageLinkItemView = Marionette.ItemView.extend({
-  template: template$E,
+  template: template$D,
   tagName: 'li',
   className: 'page_link',
   ui: {
@@ -6966,7 +6960,7 @@ var PageLinkItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$F(data) {
+function template$E(data) {
 var __t, __p = '';
 __p += '<label>\n  <span class="name">' +
 ((__t = ( I18n.t('pageflow.editor.templates.page_links.label') )) == null ? '' : __t) +
@@ -6977,7 +6971,7 @@ return __p
 }
 
 var PageLinksView = Marionette.ItemView.extend({
-  template: template$F,
+  template: template$E,
   className: 'page_links',
   ui: {
     links: 'ul.links',
@@ -7013,14 +7007,14 @@ var PageLinksView = Marionette.ItemView.extend({
   }
 });
 
-function template$G(data) {
+function template$F(data) {
 var __p = '';
 __p += '<div class="emulation_mode_button-wrapper"\n     data-tooltip-align="top center">\n  <div class="emulation_mode_button-desktop_icon"/>\n  <div class="emulation_mode_button-phone_icon"/>\n  <div class="emulation_mode_button-track" />\n  <div class="emulation_mode_button-thumb" />\n</div>\n';
 return __p
 }
 
 var EmulationModeButtonView = Marionette.ItemView.extend({
-  template: template$G,
+  template: template$F,
   className: 'emulation_mode_button',
   mixins: [tooltipContainer],
   ui: {
@@ -7054,7 +7048,7 @@ var EmulationModeButtonView = Marionette.ItemView.extend({
   }
 });
 
-function template$H(data) {
+function template$G(data) {
 var __t, __p = '';
 __p +=
 ((__t = ( I18n.t('pageflow.editor.templates.help_button.open_help') )) == null ? '' : __t);
@@ -7062,7 +7056,7 @@ return __p
 }
 
 var HelpButtonView = Marionette.ItemView.extend({
-  template: template$H,
+  template: template$G,
   className: 'help_button',
   events: {
     'click': function click() {
@@ -7102,7 +7096,7 @@ var InfoBoxView = Marionette.View.extend({
   }
 });
 
-function template$I(data) {
+function template$H(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) +
@@ -7113,7 +7107,7 @@ return __p
 }
 
 var ListItemView = Marionette.ItemView.extend({
-  template: template$I,
+  template: template$H,
   tagName: 'li',
   className: 'list_item',
   ui: {
@@ -7187,7 +7181,7 @@ var ListItemView = Marionette.ItemView.extend({
   }
 });
 
-function template$J(data) {
+function template$I(data) {
 var __t, __p = '';
 __p += '<div class="checking notice editor">\n  <p>' +
 ((__t = ( I18n.t('pageflow.editor.templates.locked.loading') )) == null ? '' : __t) +
@@ -7202,7 +7196,7 @@ return __p
 }
 
 var LockedView = Marionette.ItemView.extend({
-  template: template$J,
+  template: template$I,
   className: 'locked checking',
   ui: {
     breakButton: '.break',
@@ -7243,25 +7237,12 @@ var LockedView = Marionette.ItemView.extend({
 });
 
 var EditorView = Backbone.View.extend({
-  scrollNavigationKeys: _.values({
-    pageUp: 33,
-    pageDown: 34,
-    end: 35,
-    home: 36,
-    left: 37,
-    up: 38,
-    right: 39,
-    down: 40
-  }),
   events: {
     'click a': function clickA(event) {
       // prevent default for all links
       if (!$(event.currentTarget).attr('target') && !$(event.currentTarget).attr('download') && !$(event.currentTarget).attr('href')) {
         return false;
       }
-    },
-    'keydown sidebar': function keydownSidebar(event) {
-      this.preventScrollingPreviewWhileFocusInSidebar(event);
     }
   },
   initialize: function initialize() {
@@ -7289,11 +7270,6 @@ var EditorView = Backbone.View.extend({
       model: state.editLock
     }).render().el);
     this.$el.append(new HelpView().render().el);
-  },
-  preventScrollingPreviewWhileFocusInSidebar: function preventScrollingPreviewWhileFocusInSidebar(event) {
-    if (this.scrollNavigationKeys.indexOf(event.which) >= 0) {
-      event.stopPropagation();
-    }
   }
 });
 
@@ -7395,7 +7371,7 @@ var LazyVideoEmbeddedView = Marionette.View.extend({
   }
 });
 
-function template$K(data) {
+function template$J(data) {
 var __t, __p = '';
 __p += '<li class="uploading"><span class="count">0</span>' +
 ((__t = ( I18n.t('pageflow.editor.templates.notification.upload_pending') )) == null ? '' : __t) +
@@ -7418,7 +7394,7 @@ return __p
 var NotificationsView = Marionette.ItemView.extend({
   className: 'notifications',
   tagName: 'ul',
-  template: template$K,
+  template: template$J,
   ui: {
     failedCount: '.failed .count',
     uploadingCount: '.uploading .count',
@@ -7507,9 +7483,6 @@ var FileProcessingStateDisplayView = Marionette.View.extend({
 
 var NestedFilesView = Marionette.View.extend({
   className: 'nested_files',
-  ui: {
-    header: 'h2'
-  },
   initialize: function initialize() {
     if (!this.options.selection.has('file')) {
       this.options.selection.set('file', this.collection.first());
@@ -7581,7 +7554,7 @@ var NestedFilesView = Marionette.View.extend({
   }, 200)
 });
 
-function template$L(data) {
+function template$K(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) +
@@ -7592,7 +7565,7 @@ return __p
 }
 
 var TextTracksView = Marionette.Layout.extend({
-  template: template$L,
+  template: template$K,
   className: 'text_tracks',
   regions: {
     selectedFileRegion: '.selected_file_region'
@@ -7656,7 +7629,7 @@ var TextTracksFileMetaDataItemValueView = FileMetaDataItemValueView.extend({
   }
 });
 
-function template$M(data) {
+function template$L(data) {
 var __p = '';
 __p += '<label>\n  <span class="list_label"></span>\n</label>\n\n<ul class="list_items"></ul>\n';
 return __p
@@ -7703,7 +7676,7 @@ return __p
  */
 
 var ListView = Marionette.ItemView.extend({
-  template: template$M,
+  template: template$L,
   className: 'list',
   ui: {
     label: '.list_label',
@@ -7733,7 +7706,7 @@ var ListView = Marionette.ItemView.extend({
 });
 
 var ConfirmUploadView = Marionette.Layout.extend({
-  template: template$y,
+  template: template$x,
   className: 'confirm_upload editor dialog',
   mixins: [dialogView],
   regions: {
@@ -8168,7 +8141,7 @@ app.addInitializer(function (options) {
   state.entry = editor.createEntryModel(options, {
     widgets: widgets
   });
-  state.theming = new Theming(options.theming);
+  state.site = new Site(options.site);
   state.account = new Backbone.Model(options.account);
   widgets.subject = state.entry;
   state.storylineOrdering = new StorylineOrdering(state.storylines, state.pages);
@@ -8284,4 +8257,4 @@ app.addRegions({
   sidebarFooterRegion: 'sidebar .sidebar_footer_container'
 });
 
-export { AudioFile, BackButtonDecoratorView, BackgroundImageEmbeddedView, BackgroundPositioningPreviewView, BackgroundPositioningSlidersView, BackgroundPositioningView, ChangeThemeDialogView, Chapter, ChapterConfiguration, ChapterPagesCollection, ChapterScaffold, ChaptersCollection, ChooseImporterView, Configuration, ConfirmEncodingView, ConfirmFileImportUploadView, ConfirmUploadView, ConfirmableFileItemView, DropDownButtonItemListView, DropDownButtonItemView, DropDownButtonView, EditConfigurationView, EditEntryView, EditFileView, EditLock, EditLockContainer, EditMetaDataView, EditWidgetView, EditWidgetsView, EditorApi, EditorView, EmulationModeButtonView, EncodedFile, EncodingConfirmation, Entry, EntryMetadata, EntryMetadataFileSelectionHandler, EntryPublication, EntryPublicationQuotaDecoratorView, ExplorerFileItemView, Failure, FileConfiguration, FileImport, FileInputView, FileItemView, FileMetaDataItemValueView, FileMetaDataItemView, FileProcessingStateDisplayView, FileReuse, FileSettingsDialogView, FileStage, FileStageItemView, FileThumbnailView, FileTypes, FileTypesCollection, FileUploader, FilesCollection, FilesExplorerView, FilesImporterView, FilesView, FilteredFilesView, ForeignKeySubsetCollection, HelpButtonView, HelpImageView, HelpView, ImageFile, InfoBoxView, InvalidNestedTypeError, LazyVideoEmbeddedView, ListItemView, ListView, LoadingView, LockedView, ModelThumbnailView, NestedFilesCollection, NestedFilesView, NestedTypeError, NotificationsView, OrderedPageLinksCollection, OtherEntriesCollection, OtherEntriesCollectionView, OtherEntry, OtherEntryItemView, Page, PageConfigurationFileSelectionHandler, PageLink, PageLinkConfigurationEditorView, PageLinkFileSelectionHandler, PageLinkItemView, PageLinksCollection, PageLinksView, PageThumbnailView, PagesCollection, PublishEntryView, ReferenceInputView, ReusableFile, Scaffold, ScrollingView, SelectButtonView, SidebarController, SidebarFooterView, SidebarRouter, StaticThumbnailView, Storyline, StorylineChaptersCollection, StorylineConfiguration, StorylineOrdering, StorylineScaffold, StorylineTransitiveChildPages, StorylinesCollection, SubsetCollection, TextFileMetaDataItemValueView, TextTrackFile, TextTracksFileMetaDataItemValueView, TextTracksView, Theme, ThemeInputView, ThemeItemView, ThemesCollection, Theming, UnmatchedUploadError, UploadError, UploadableFile, UploadableFilesView, UploaderView, VideoFile, Widget, WidgetConfiguration, WidgetConfigurationFileSelectionHandler, WidgetItemView, WidgetTypes, WidgetsCollection, addAndReturnModel, app, authenticationProvider, configurationContainer, delayedDestroying, dialogView, editor, entryTypeEditorControllerUrls, failureIndicatingView, failureTracking, fileWithType, filesCountWatcher, formDataUtils, loadable, modelLifecycleTrackingView, orderedCollection, persistedPromise, polling, retryable, selectableView, stageProvider, startEditor, state, stylesheet, transientReferences, validFileTypeTranslationList };
+export { AudioFile, BackButtonDecoratorView, BackgroundImageEmbeddedView, BackgroundPositioningPreviewView, BackgroundPositioningSlidersView, BackgroundPositioningView, ChangeThemeDialogView, Chapter, ChapterConfiguration, ChapterPagesCollection, ChapterScaffold, ChaptersCollection, ChooseImporterView, Configuration, ConfirmEncodingView, ConfirmFileImportUploadView, ConfirmUploadView, ConfirmableFileItemView, DropDownButtonItemListView, DropDownButtonItemView, DropDownButtonView, EditConfigurationView, EditEntryView, EditFileView, EditLock, EditLockContainer, EditMetaDataView, EditWidgetView, EditWidgetsView, EditorApi, EditorView, EmulationModeButtonView, EncodedFile, EncodingConfirmation, Entry, EntryMetadata, EntryMetadataFileSelectionHandler, EntryPublication, EntryPublicationQuotaDecoratorView, ExplorerFileItemView, Failure, FileConfiguration, FileImport, FileInputView, FileItemView, FileMetaDataItemValueView, FileMetaDataItemView, FileProcessingStateDisplayView, FileReuse, FileSettingsDialogView, FileStage, FileStageItemView, FileThumbnailView, FileTypes, FileTypesCollection, FileUploader, FilesCollection, FilesExplorerView, FilesImporterView, FilesView, FilteredFilesView, ForeignKeySubsetCollection, HelpButtonView, HelpImageView, HelpView, ImageFile, InfoBoxView, InvalidNestedTypeError, LazyVideoEmbeddedView, ListItemView, ListView, LoadingView, LockedView, ModelThumbnailView, NestedFilesCollection, NestedFilesView, NestedTypeError, NotificationsView, OrderedPageLinksCollection, OtherEntriesCollection, OtherEntriesCollectionView, OtherEntry, OtherEntryItemView, Page, PageConfigurationFileSelectionHandler, PageLink, PageLinkConfigurationEditorView, PageLinkFileSelectionHandler, PageLinkItemView, PageLinksCollection, PageLinksView, PageThumbnailView, PagesCollection, PublishEntryView, ReferenceInputView, ReusableFile, Scaffold, ScrollingView, SelectButtonView, SidebarController, SidebarFooterView, SidebarRouter, Site, StaticThumbnailView, Storyline, StorylineChaptersCollection, StorylineConfiguration, StorylineOrdering, StorylineScaffold, StorylineTransitiveChildPages, StorylinesCollection, SubsetCollection, TextFileMetaDataItemValueView, TextTrackFile, TextTracksFileMetaDataItemValueView, TextTracksView, Theme, ThemeInputView, ThemeItemView, ThemesCollection, UnmatchedUploadError, UploadError, UploadableFile, UploadableFilesView, UploaderView, VideoFile, Widget, WidgetConfiguration, WidgetConfigurationFileSelectionHandler, WidgetItemView, WidgetTypes, WidgetsCollection, addAndReturnModel, app, authenticationProvider, configurationContainer, delayedDestroying, dialogView, editor, entryTypeEditorControllerUrls, failureIndicatingView, failureTracking, fileWithType, filesCountWatcher, formDataUtils, loadable, modelLifecycleTrackingView, orderedCollection, persistedPromise, polling, retryable, selectableView, stageProvider, startEditor, state, stylesheet, transientReferences, validFileTypeTranslationList };