pageflow 16.0.0 → 16.1.0

data/entry_types/paged/app/assets/javascripts/pageflow_paged/dist/editor.js

@@ -1,4 +1,4 @@
-var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, ChildViewContainer, IScroll, jquery_minicolors, wysihtml5, Cocktail, frontend, frontend$1) {
+var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, ChildViewContainer, IScroll, jquery_minicolors, wysihtml5, jqueryUi, Cocktail, frontend, frontend$1) {
   'use strict';
 
   Backbone = Backbone && Backbone.hasOwnProperty('default') ? Backbone['default'] : Backbone;
@@ -1062,6 +1062,107 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       }, this), 200);
     }
   });
+
+  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;
+  }
+
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+      keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+
+      if (i % 2) {
+        ownKeys(Object(source), true).forEach(function (key) {
+          _defineProperty(target, key, source[key]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+
+    return target;
+  }
+
+  var attributeBinding = {
+    setupBooleanAttributeBinding: function setupBooleanAttributeBinding(optionName, updateMethod) {
+      this.setupAttributeBinding(optionName, updateMethod, Boolean);
+    },
+    getBooleanAttributBoundOption: function getBooleanAttributBoundOption(optionName) {
+      return this.getAttributeBoundOption(optionName, Boolean);
+    },
+    setupAttributeBinding: function setupAttributeBinding(optionName, updateMethod) {
+      var _this = this;
+
+      var normalize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (value) {
+        return value;
+      };
+      var binding = this.options["".concat(optionName, "Binding")];
+      var view = this;
+
+      if (binding) {
+        _.flatten([binding]).forEach(function (attribute) {
+          _this.listenTo(_this.model, 'change:' + attribute, update);
+        });
+      }
+
+      update();
+
+      function update() {
+        updateMethod.call(view, view.getAttributeBoundOption(optionName, normalize));
+      }
+    },
+    getAttributeBoundOption: function getAttributeBoundOption(optionName) {
+      var _this2 = this;
+
+      var normalize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (value) {
+        return value;
+      };
+      var binding = this.options["".concat(optionName, "Binding")];
+      var bindingValueOptionName = "".concat(optionName, "BindingValue");
+      var value = Array.isArray(binding) ? binding.map(function (attribute) {
+        return _this2.model.get(attribute);
+      }) : this.model.get(binding);
+
+      if (bindingValueOptionName in this.options) {
+        return value === this.options[bindingValueOptionName];
+      } else if (typeof this.options[optionName] === 'function') {
+        return normalize(this.options[optionName](value));
+      } else if (optionName in this.options) {
+        return normalize(this.options[optionName]);
+      } else if (binding) {
+        return normalize(value);
+      }
+    }
+  };
   /**
    * Mixin for input views handling common concerns like labels,
    * inline help, visiblity and disabling.
@@ -1191,7 +1292,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
    * @mixin
    */
 
-  var inputView = {
+  var inputView = _objectSpread2(_objectSpread2({}, attributeBinding), {}, {
     ui: {
       label: 'label',
       labelText: 'label .name',
@@ -1235,8 +1336,8 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       this.ui.labelText.text(this.labelText());
       this.updateInlineHelp();
       this.setLabelFor();
-      this.setupAttributeBinding('disabled', this.updateDisabled);
-      this.setupAttributeBinding('visible', this.updateVisible);
+      this.setupBooleanAttributeBinding('disabled', this.updateDisabled);
+      this.setupBooleanAttributeBinding('visible', this.updateVisible);
     },
 
     /**
@@ -1285,7 +1386,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       }
     },
     isDisabled: function isDisabled() {
-      return this.getAttributeBoundOption('disabled');
+      return this.getBooleanAttributBoundOption('disabled');
     },
     updateDisabled: function updateDisabled() {
       this.$el.toggleClass('input-disabled', !!this.isDisabled());
@@ -1303,46 +1404,9 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       }
     },
     updateVisible: function updateVisible() {
-      this.$el.toggleClass('input-hidden_via_binding', this.getAttributeBoundOption('visible') === false);
-    },
-    setupAttributeBinding: function setupAttributeBinding(optionName, updateMethod) {
-      var _this = this;
-
-      var binding = this.options["".concat(optionName, "Binding")];
-      var view = this;
-
-      if (binding) {
-        _.flatten([binding]).forEach(function (attribute) {
-          _this.listenTo(_this.model, 'change:' + attribute, update);
-        });
-      }
-
-      update();
-
-      function update() {
-        updateMethod.call(view, view.getAttributeBoundOption(optionName));
-      }
-    },
-    getAttributeBoundOption: function getAttributeBoundOption(optionName) {
-      var _this2 = this;
-
-      var binding = this.options["".concat(optionName, "Binding")];
-      var bindingValueOptionName = "".concat(optionName, "BindingValue");
-      var value = Array.isArray(binding) ? binding.map(function (attribute) {
-        return _this2.model.get(attribute);
-      }) : this.model.get(binding);
-
-      if (bindingValueOptionName in this.options) {
-        return value === this.options[bindingValueOptionName];
-      } else if (typeof this.options[optionName] === 'function') {
-        return !!this.options[optionName](value);
-      } else if (optionName in this.options) {
-        return !!this.options[optionName];
-      } else if (binding) {
-        return !!value;
-      }
+      this.$el.toggleClass('hidden_via_binding', this.getBooleanAttributBoundOption('visible') === false);
     }
-  };
+  });
 
   function template$4(data) {
     var __p = '';
@@ -1460,6 +1524,125 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       this.ui.link.attr('href', url);
     }
   });
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+  /**
+   * Input view for a number.
+   *
+   * See {@link inputView} for further options.
+   *
+   * @param {Object} [options]
+   *
+   * @param {string} [options.locale]
+   * Locale used to fomat and parse numbers.
+   *
+   * @class
+   */
+
+
+  var NumberInputView = Marionette.ItemView.extend({
+    mixins: [inputView],
+    template: function template() {
+      return "\n    <label>\n      <span class=\"name\"></span>\n      <span class=\"inline_help\"></span>\n    </label>\n    <input type=\"text\" dir=\"auto\" />\n  ";
+    },
+    ui: {
+      input: 'input'
+    },
+    events: {
+      'change': 'onChange'
+    },
+    initialize: function initialize() {
+      this.parser = new NumberParser(this.options.locale);
+    },
+    onRender: function onRender() {
+      this.load();
+      this.listenTo(this.model, 'change:' + this.options.propertyName, this.load);
+    },
+    onChange: function onChange() {
+      this.save();
+      this.load();
+    },
+    onClose: function onClose() {
+      this.save();
+    },
+    save: function save() {
+      var inputValue = this.ui.input.val();
+      this.model.set(this.options.propertyName, this.parser.parse(inputValue) || 0);
+    },
+    load: function load() {
+      var input = this.ui.input;
+      var value = this.model.get(this.options.propertyName) || 0;
+      input.val(value.toLocaleString(this.options.locale, {
+        useGrouping: false
+      }));
+    },
+    displayValidationError: function displayValidationError(message) {
+      this.$el.addClass('invalid');
+      this.ui.input.attr('title', message);
+    },
+    resetValidationError: function resetValidationError(message) {
+      this.$el.removeClass('invalid');
+      this.ui.input.attr('title', '');
+    }
+  });
+
+  var NumberParser = /*#__PURE__*/function () {
+    function NumberParser(locale) {
+      _classCallCheck(this, NumberParser);
+
+      var format = new Intl.NumberFormat(locale);
+      var parts = format.formatToParts(12345.6);
+      var numerals = Array.from({
+        length: 10
+      }).map(function (_, i) {
+        return format.format(i);
+      });
+      var index = new Map(numerals.map(function (d, i) {
+        return [d, i];
+      }));
+      this._group = new RegExp("[".concat(parts.find(function (d) {
+        return d.type === "group";
+      }).value, "]"), "g");
+      this._decimal = new RegExp("[".concat(parts.find(function (d) {
+        return d.type === "decimal";
+      }).value, "]"));
+      this._numeral = new RegExp("[".concat(numerals.join(""), "]"), "g");
+
+      this._index = function (d) {
+        return index.get(d);
+      };
+    }
+
+    _createClass(NumberParser, [{
+      key: "parse",
+      value: function parse(string) {
+        string = string.trim().replace(this._group, "").replace(this._decimal, ".").replace(this._numeral, this._index);
+        return string ? +string : NaN;
+      }
+    }]);
+
+    return NumberParser;
+  }();
   /**
    * Text based input view that can display a placeholder.
    *
@@ -1482,6 +1665,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
    *   inside a given model.
    */
 
+
   var inputWithPlaceholderText = {
     onRender: function onRender() {
       this.updatePlaceholder();
@@ -1669,11 +1853,15 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       this.ui.input.minicolors({
         changeDelay: 200,
         change: _.bind(function (color) {
+          this._saving = true;
+
           if (color === this.defaultValue()) {
             this.model.unset(this.options.propertyName);
           } else {
             this.model.set(this.options.propertyName, color);
           }
+
+          this._saving = false;
         }, this)
       });
       this.listenTo(this.model, 'change:' + this.options.propertyName, this.load);
@@ -1702,7 +1890,10 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       }
     },
     load: function load() {
-      this.ui.input.minicolors('value', this.model.get(this.options.propertyName) || this.defaultValue());
+      if (!this._saving) {
+        this.ui.input.minicolors('value', this.model.get(this.options.propertyName) || this.defaultValue());
+      }
+
       this.$el.toggleClass('is_default', !this.model.has(this.options.propertyName));
     },
     refreshPicker: function refreshPicker() {
@@ -2258,21 +2449,6 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
-  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;
-  }
-
   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';
@@ -2537,6 +2713,25 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
    *
    * @param {Object} [options]
    *
+   * @param {number} [options.defaultValue]
+   *   Defaults value to display if property is not set.
+   *
+   * @param {number} [options.minValue=0]
+   *   Value when dragging slider to the very left.
+   *
+   * @param {number} [options.maxValue=100]
+   *   Value when dragging slider to the very right.
+   *
+   * @param {string} [options.unit="%"]
+   *   Unit to display after value.
+   *
+   * @param {function} [options.displayText]
+   *   Function that receives value and returns custom text to display as value.
+   *
+   * @param {boolean} [options.saveOnSlide]
+   *   Already update the model while dragging the handle - not only after
+   *   handle has been released.
+   *
    * @class
    */
 
@@ -2550,15 +2745,27 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       value: '.value'
     },
     events: {
-      'slidechange': 'save'
+      'slidechange': 'save',
+      'slide': 'handleSlide'
     },
     onRender: function onRender() {
+      var _this = this;
+
       this.ui.widget.slider({
-        animate: 'fast',
-        min: 'minValue' in this.options ? this.options.minValue : 0,
-        max: 'maxValue' in this.options ? this.options.maxValue : 100
+        animate: 'fast'
+      });
+      this.setupAttributeBinding('minValue', function (value) {
+        return _this.updateSliderOption('min', value || 0);
+      });
+      this.setupAttributeBinding('maxValue', function (value) {
+        return _this.updateSliderOption('max', value || 100);
       });
       this.load();
+      this.listenTo(this.model, 'change:' + this.options.propertyName, this.load);
+    },
+    updateSliderOption: function updateSliderOption(name, value) {
+      this.ui.widget.slider('option', name, value);
+      this.updateText(this.ui.widget.slider('value'));
     },
     updateDisabled: function updateDisabled(disabled) {
       this.$el.toggleClass('disabled', !!disabled);
@@ -2569,11 +2776,15 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
         this.ui.widget.slider('enable');
       }
     },
-    save: function save() {
-      var value = this.ui.widget.slider('option', 'value');
-      var unit = 'unit' in this.options ? this.options.unit : '%';
-      this.ui.value.text(value + unit);
-      this.model.set(this.options.propertyName, value);
+    handleSlide: function handleSlide(event, ui) {
+      this.updateText(ui.value);
+
+      if (this.options.saveOnSlide) {
+        this.save(event, ui);
+      }
+    },
+    save: function save(event, ui) {
+      this.model.set(this.options.propertyName, ui.value);
     },
     load: function load() {
       var value;
@@ -2584,7 +2795,18 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
         value = 'defaultValue' in this.options ? this.options.defaultValue : 0;
       }
 
-      this.ui.widget.slider('option', 'value', value);
+      this.ui.widget.slider('option', 'value', this.clampValue(value));
+      this.updateText(value);
+    },
+    clampValue: function clampValue(value) {
+      var min = this.ui.widget.slider('option', 'min');
+      var max = this.ui.widget.slider('option', 'max');
+      return Math.min(max, Math.max(min, value));
+    },
+    updateText: function updateText(value) {
+      var unit = 'unit' in this.options ? this.options.unit : '%';
+      var text = 'displayText' in this.options ? this.options.displayText(value) : value + unit;
+      this.ui.value.text(text);
     }
   });
 
@@ -2971,7 +3193,10 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       return view;
     },
     appendSubview: function appendSubview(view) {
-      return this.$el.append(this.subview(view).el);
+      var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+          to = _ref.to;
+
+      return (to || this.$el).append(this.subview(view).el);
     },
     onClose: function onClose() {
       if (this.subviews) {
@@ -3056,7 +3281,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     return obj;
   }
 
-  function ownKeys(object, enumerableOnly) {
+  function ownKeys$1(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -3070,18 +3295,18 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     return keys;
   }
 
-  function _objectSpread2(target) {
+  function _objectSpread2$1(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) {
+        ownKeys$1(Object(source), true).forEach(function (key) {
           _defineProperty$1(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys(Object(source)).forEach(function (key) {
+        ownKeys$1(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -3252,7 +3477,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   });
   var validFileTypeTranslationList = {
     validFileTypeTranslations: function validFileTypeTranslations(validFileTypes) {
-      return _.map(validFileTypes, function (validFileType) {
+      return validFileTypes.map(function (validFileType) {
         return I18n$1.t('activerecord.models.' + validFileType.i18nKey + '.other');
       }).join(', ');
     }
@@ -3282,7 +3507,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     initialize: function initialize(upload, options) {
       var editor = options.editor;
       var fileType = options.fileType;
-      var validFileTypes = editor.nextUploadTargetFile.fileType().nestedFileTypes.fileTypes;
+      var validFileTypes = editor.nextUploadTargetFile.fileType().nestedFileTypes;
       var validFileTypeTranslations = this.validFileTypeTranslations(validFileTypes);
       var typeI18nKey = fileType.i18nKey;
       var typeSingularTranslation = I18n$1.t('activerecord.models.' + typeI18nKey + '.one');
@@ -3590,22 +3815,31 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       this.clientSideConfigModifications[name].push(config);
     },
     setup: function setup(serverSideConfigs) {
+      var _this = this;
+
       var clientSideConfigs = this.clientSideConfigs;
       this._setup = true;
-      this.collection = new FileTypesCollection(_.map(serverSideConfigs, function (serverSideConfig) {
+
+      var configs = _.chain(serverSideConfigs).map(function (serverSideConfig) {
         var clientSideConfig = clientSideConfigs[serverSideConfig.collectionName];
 
         if (!clientSideConfig) {
           throw 'Missing client side config for file type "' + serverSideConfig.collectionName + '"';
         }
 
-        _(this.clientSideConfigModifications[serverSideConfig.collectionName]).each(function (modification) {
+        _(_this.clientSideConfigModifications[serverSideConfig.collectionName]).each(function (modification) {
           this.lintModification(modification, serverSideConfig.collectionName);
           this.applyModification(clientSideConfig, modification);
-        }, this);
+        }, _this);
 
-        return new FileType(_.extend({}, serverSideConfig, clientSideConfig));
-      }, this));
+        return _.extend({}, serverSideConfig, clientSideConfig);
+      }).sortBy(function (config) {
+        return config.priority || 10;
+      }).value();
+
+      this.collection = new FileTypesCollection(_.map(configs, function (config) {
+        return new FileType(config);
+      }));
       var those = this;
 
       _.map(serverSideConfigs, function (serverSideConfig) {
@@ -3970,7 +4204,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
      *  Backbone view that will be rendered if the browser is not supported.
      */
     registerEntryType: function registerEntryType(name, options) {
-      this.entryType = _objectSpread2({
+      this.entryType = _objectSpread2$1({
         name: name
       }, options);
     },
@@ -4111,10 +4345,12 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
      * Trigger selection of the given file type with the given
      * handler. Payload hash is passed to selection handler as options.
      *
-     * @param {string|{name: string, filter: string}} fileType
+     * @param {string|{name: string, filter: string}|{defaultTab: string, filter: string}} fileType
      *   Either collection name of a file type or and object containing
      *   the collection name a file type and a the name of a file type
-     *   filter.
+     *   filter or an object containingn a defaultTab property that controls
+     *   which tab will visible initially, while allowing selecting files of
+     *   any type.
      *
      * @param {string} handlerName
      *   The name of a handler registered via {@link
@@ -4140,7 +4376,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
         };
       }
 
-      this.navigate('/files/' + fileType.name + '?handler=' + handlerName + '&payload=' + encodeURIComponent(JSON.stringify(payload)) + (fileType.filter ? '&filter=' + fileType.filter : ''), {
+      this.navigate('/files/' + (fileType.defaultTab ? "".concat(fileType.defaultTab, ":default") : fileType.name) + '?handler=' + handlerName + '&payload=' + encodeURIComponent(JSON.stringify(payload)) + (fileType.filter ? '&filter=' + fileType.filter : ''), {
         trigger: true
       });
     },
@@ -4154,7 +4390,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
      *   whether the page is a valid selection
      */
     selectPage: function selectPage(options) {
-      return this.pageSelectionView.selectPage(_objectSpread2(_objectSpread2({}, options), {}, {
+      return this.pageSelectionView.selectPage(_objectSpread2$1(_objectSpread2$1({}, options), {}, {
         entry: state.entry
       }));
     },
@@ -4164,7 +4400,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       }
 
       var payloadJson = JSON.parse(decodeURIComponent(encodedPayload));
-      return new this.fileSelectionHandlers[handlerName](_objectSpread2(_objectSpread2({}, payloadJson), {}, {
+      return new this.fileSelectionHandlers[handlerName](_objectSpread2$1(_objectSpread2$1({}, payloadJson), {}, {
         entry: state.entry
       }));
     },
@@ -6465,7 +6701,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
         attrs: {
           collection: collectionName,
           files: selections.toJSON().map(function (item, index) {
-            return _objectSpread2(_objectSpread2({}, item), {}, {
+            return _objectSpread2$1(_objectSpread2$1({}, item), {}, {
               url: selections.at(index).get('source_url')
             });
           })
@@ -6515,6 +6751,13 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       var parent = options.parent;
       var parentModel = options.parentModel;
       this.autoConsolidatePositions = options.autoConsolidatePositions;
+      this.listenTo(this, 'add', function (model) {
+        if (options.parentReferenceAttribute) {
+          model[options.parentReferenceAttribute] = parentModel;
+        }
+
+        model.set(options.foreignKeyAttribute, parentModel.id);
+      });
       SubsetCollection.prototype.constructor.call(this, {
         parent: parent,
         parentModel: parentModel,
@@ -6525,13 +6768,6 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
           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 dependentDestroy', function () {
         this.invoke('trigger', 'dependentDestroy');
         this.clear();
@@ -6775,6 +7011,64 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     }
   });
 
+  function _arrayWithHoles$1(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArrayLimit$1(arr, i) {
+    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) 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 _arrayLikeToArray$1(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) {
+      arr2[i] = arr[i];
+    }
+
+    return arr2;
+  }
+
+  function _unsupportedIterableToArray$1(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
+  }
+
+  function _nonIterableRest$1() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _slicedToArray$1(arr, i) {
+    return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
+  }
+
   function template$3$1(data) {
     var __t,
         __p = '';
@@ -7440,6 +7734,13 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
    *   Require click to open menu. By default, menu opens on when the
    *   mouse enters the button.
    *
+   * @param {String} [options.alignMenu]
+   *   "right" to align menu on the right. Aligned on the left by
+   *   default.
+   *
+   * @param {String} [options.buttonClassName]
+   *   CSS class name for button element.
+   *
    * ## Item Models
    *
    * The following model attributes can be used to control the
@@ -7480,7 +7781,9 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       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.toggleClass('ellipsis_icon', !!this.options.ellipsisIcon);
       this.ui.button.text(this.options.label);
+      this.ui.button.addClass(this.options.buttonClassName);
       this.ui.menu.append(this.subview(new DropDownButtonItemListView({
         items: this.options.items
       })).el);
@@ -7504,7 +7807,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       var offset = this.$el.offset();
       this.ui.menu.css({
         top: offset.top + this.$el.height(),
-        left: offset.left,
+        left: this.options.alignMenu === 'right' ? offset.left + this.$el.width() - this.ui.menu.outerWidth() : offset.left,
         width: this.options.fullWidth ? this.$el.width() : null
       });
     },
@@ -7638,6 +7941,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       if (dropDownMenuItems.length) {
         this.appendSubview(new DropDownButtonView({
           items: dropDownMenuItems,
+          ellipsisIcon: true,
           openOnClick: true
         }));
       }
@@ -9170,7 +9474,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       this.$el.append(this.subview(this.tabsView).el);
     },
     tab: function tab(fileType) {
-      var selectionMode = this.options.tabName === fileType.collectionName;
+      var selectionMode = this.options.allowSelectingAny || this.options.tabName === fileType.collectionName;
       this.tabsView.tab(fileType.collectionName, _.bind(function () {
         return this.subview(new FilteredFilesView({
           entry: state.entry,
@@ -9318,10 +9622,10 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
         this.ui.publishUntilField.datepicker('setDate', publishedUntil);
         this.ui.publishUntilTimeField.val(timeStr(publishedUntil));
       } else {
-        this.ui.publishUntilField.datepicker('setDate', oneYearFromNow());
+        this.ui.publishUntilField.datepicker('setDate', this.defaultPublishedUntilDate());
       }
 
-      this.ui.userNameField.val(state.account.get('name'));
+      this.ui.userNameField.val(this.options.account.get('name'));
 
       if (this.model.get('password_protected')) {
         this.ui.passwordProtectedCheckBox.prop('checked', true);
@@ -9341,12 +9645,6 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
           return ("0" + val).slice(-2);
         }
       }
-
-      function oneYearFromNow() {
-        var date = new Date();
-        date.setFullYear(date.getFullYear() + 1);
-        return date;
-      }
     },
     save: function save() {
       var publishedUntil = null;
@@ -9421,6 +9719,11 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
         return false;
       }
     },
+    defaultPublishedUntilDate: function defaultPublishedUntilDate() {
+      var date = new Date();
+      date.setMonth(date.getMonth() + this.options.config.defaultPublishedUntilDurationInMonths);
+      return date;
+    },
     enableSave: function enableSave() {
       this.ui.saveButton.removeAttr('disabled');
     },
@@ -9520,10 +9823,16 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       }));
     },
     files: function files(collectionName, handler, payload, filterName) {
+      var _split = (collectionName || '').split(':'),
+          _split2 = _slicedToArray$1(_split, 2),
+          tabName = _split2[0],
+          suffix = _split2[1];
+
       this.region.show(new FilesView({
         model: this.entry,
         selectionHandler: handler && editor.createFileSelectionHandler(handler, payload),
-        tabName: collectionName,
+        tabName: tabName,
+        allowSelectingAny: suffix === 'default',
         filterName: filterName
       }));
       editor.setDefaultHelpEntry('pageflow.help_entries.files');
@@ -9550,7 +9859,9 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
     publish: function publish() {
       this.region.show(PublishEntryView.create({
         model: this.entry,
-        entryPublication: new EntryPublication()
+        account: state.account,
+        entryPublication: new EntryPublication(),
+        config: state.config
       }));
       editor.setDefaultHelpEntry('pageflow.help_entries.publish');
     },
@@ -9909,7 +10220,15 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   });
   var InfoBoxView = Marionette.View.extend({
     className: 'info_box',
+    mixins: [attributeBinding],
+    initialize: function initialize() {
+      this.setupBooleanAttributeBinding('visible', this.updateVisible);
+    },
+    updateVisible: function updateVisible() {
+      this.$el.toggleClass('hidden_via_binding', this.getBooleanAttributBoundOption('visible') === false);
+    },
     render: function render() {
+      this.$el.addClass(this.options.level);
       this.$el.html(this.options.text);
       return this;
     }
@@ -10785,6 +11104,9 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
       editor.applyDefaultHelpEntry();
     });
   });
+  var OtherFile = UploadableFile.extend({
+    thumbnailPictogram: 'other'
+  });
   app.addInitializer(function (options) {
     var textTracksMetaDataAttribute = {
       name: 'text_tracks',
@@ -10894,6 +11216,18 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
         binding: 'label'
       }
     });
+    editor.fileTypes.register('other_files', {
+      model: OtherFile,
+      metaDataAttributes: [altMetaDataAttribute],
+      matchUpload: function matchUpload() {
+        return true;
+      },
+      priority: 100,
+      configurationEditorInputs: [{
+        name: 'alt',
+        inputView: TextInputView
+      }]
+    });
     editor.fileTypes.setup(options.config.fileTypes);
   });
   app.addInitializer(function (options) {
@@ -12485,6 +12819,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   exports.NestedFilesView = NestedFilesView;
   exports.NestedTypeError = NestedTypeError;
   exports.NotificationsView = NotificationsView;
+  exports.NumberInputView = NumberInputView;
   exports.Object = BaseObject;
   exports.OrderedPageLinksCollection = OrderedPageLinksCollection;
   exports.OtherEntriesCollection = OtherEntriesCollection;
@@ -12561,6 +12896,7 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
   exports.WidgetsCollection = WidgetsCollection;
   exports.addAndReturnModel = addAndReturnModel;
   exports.app = app;
+  exports.attributeBinding = attributeBinding;
   exports.authenticationProvider = authenticationProvider;
   exports.configurationContainer = configurationContainer;
   exports.cssModulesUtils = cssModulesUtils;
@@ -12596,4 +12932,4 @@ var pageflow_paged = (function (exports, Backbone, _, Marionette, $, I18n$1, Chi
 
   return exports;
 
-}({}, Backbone, _, Backbone.Marionette, jQuery, I18n, Backbone.ChildViewContainer, IScroll, jQuery, wysihtml5, Cocktail, pageflow, pageflow));
+}({}, Backbone, _, Backbone.Marionette, jQuery, I18n, Backbone.ChildViewContainer, IScroll, jQuery, wysihtml5, jQuery, Cocktail, pageflow, pageflow));