pageflow 14.4.0 → 14.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 83633ca0a4d539fe72289335da8fadc780b40861611367e6b457a8ea5021541a
-  data.tar.gz: 836e8c19598fe2f86ef5797baab839d27d884216b5de86f39a46606b1d427ff8
+  metadata.gz: 6055d3a49c9e944d7728bb010779e44c408ff85b47d98e0faa06060875381f25
+  data.tar.gz: b298c192fb2e6180d9d3e2c1a040d2b71277f9b00e89302f9053b3bc76d710df
 SHA512:
-  metadata.gz: 05ef59f396f6726ec8022d9fcc2605600204c0e0554cf5b6c1514f7968303e09db7f2deab55e2a58da6902e254ef373e961adf888c531f3069409ad9bc56585a
-  data.tar.gz: bae10300d19ce28fe2ca218d091ee71ae9267a3c0d9f756596bb88d36a3532e75173dd1139484b0b9cc177ac3a7435dec7dc2504dda3c4895705e62aac266ddb
+  metadata.gz: dd3d23f519fcd76a92e93d450ab0591f9144a52e09f6ea5b494cc93b0af3c2673f53233a3d971e1911533c6aa6e7f4d060455148a0fba2f43632c2afe277afe1
+  data.tar.gz: 3bbf7407c945baa99005789dc1c0fb80b7cc3cde7648058b359dd3ba966a5f4a54acc7dfaf21a5b599f482d562c078b6cc3774dd13bfe9f11ae5b6f51e8f270b

data/CHANGELOG.md

@@ -1,16 +1,18 @@
 # CHANGELOG
 
-### Version 14.4.0
+### Version 14.5.0
 
-2019-08-13
+2019-10-31
 
-[Compare changes](https://github.com/codevise/pageflow/compare/14-3-stable...v14.4.0)
+[Compare changes](https://github.com/codevise/pageflow/compare/14-4-stable...v14.5.0)
 
-- Fix entry membership create error
-  ([#1200](https://github.com/codevise/pageflow/pull/1200))
-- Move meta data defaults to attribute reader
-  ([#1198](https://github.com/codevise/pageflow/pull/1198))
+- Info box pointer-events enabled for anchor tag
+  ([#1213](https://github.com/codevise/pageflow/pull/1213))
+- Update Twitter share URL
+  ([#1204](https://github.com/codevise/pageflow/pull/1204))
+- Configurable loading spinner
+  ([#1186](https://github.com/codevise/pageflow/pull/1186))
 
 See
-[14-3-stable branch](https://github.com/codevise/pageflow/blob/14-3-stable/CHANGELOG.md)
+[14-4-stable branch](https://github.com/codevise/pageflow/blob/14-4-stable/CHANGELOG.md)
 for previous changes.

data/app/assets/javascripts/pageflow/dist/react-client.js

@@ -8960,7 +8960,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _loadingSpinner = __webpack_require__(619);
 
-	var _pageflow = __webpack_require__(622);
+	var _pageflow = __webpack_require__(623);
 
 	var _pageflow2 = _interopRequireDefault(_pageflow);
 
@@ -12016,6 +12016,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.firstPage = exports.selector = exports.pageBackgroundImageUrl = undefined;
 	exports.firstPageAttribures = firstPageAttribures;
+	exports.firstPageAttribute = firstPageAttribute;
 	exports.pageAttribute = pageAttribute;
 	exports.pageAttributes = pageAttributes;
 	exports.pageState = pageState;
@@ -12045,6 +12046,12 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  });
 	}
 
+	function firstPageAttribute(property) {
+	  return (0, _utils.memoizedSelector)(firstPage, function (page) {
+	    return page && page.attributes[property];
+	  });
+	}
+
 	function pageAttribute(property, options) {
 	  return (0, _utils.memoizedSelector)(selector(options), function (page) {
 	    return page && page.attributes[property];
@@ -31079,11 +31086,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _ClassicLoadingSpinner = __webpack_require__(620);
 
-	var _TitleLoadingSpinner = __webpack_require__(621);
+	var _MediaLoadingSpinner = __webpack_require__(621);
+
+	var _TitleLoadingSpinner = __webpack_require__(622);
 
 	function registerWidgetTypes() {
 	  (0, _ClassicLoadingSpinner.register)();
 	  (0, _TitleLoadingSpinner.register)();
+	  (0, _MediaLoadingSpinner.register)();
 	}
 
 /***/ }),
@@ -31233,9 +31243,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
+	exports.MediaLoadingSpinner = exports.MediaLoadingSpinnerComponent = undefined;
 
 	var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
+	exports.getInvert = getInvert;
 	exports.register = register;
 
 	var _utils = __webpack_require__(340);
@@ -31270,13 +31282,13 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-	var TitleLoadingSpinner = function (_React$Component) {
-	  _inherits(TitleLoadingSpinner, _React$Component);
+	var MediaLoadingSpinnerComponent = exports.MediaLoadingSpinnerComponent = function (_React$Component) {
+	  _inherits(MediaLoadingSpinnerComponent, _React$Component);
 
-	  function TitleLoadingSpinner(props) {
-	    _classCallCheck(this, TitleLoadingSpinner);
+	  function MediaLoadingSpinnerComponent(props) {
+	    _classCallCheck(this, MediaLoadingSpinnerComponent);
 
-	    var _this = _possibleConstructorReturn(this, (TitleLoadingSpinner.__proto__ || Object.getPrototypeOf(TitleLoadingSpinner)).call(this, props));
+	    var _this = _possibleConstructorReturn(this, (MediaLoadingSpinnerComponent.__proto__ || Object.getPrototypeOf(MediaLoadingSpinnerComponent)).call(this, props));
 
 	    _this.state = {
 	      hidden: false,
@@ -31285,7 +31297,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    return _this;
 	  }
 
-	  _createClass(TitleLoadingSpinner, [{
+	  _createClass(MediaLoadingSpinnerComponent, [{
 	    key: 'componentDidMount',
 	    value: function componentDidMount() {
 	      var _this2 = this;
@@ -31326,42 +31338,29 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    value: function render() {
 	      var _this4 = this;
 
-	      var _props = this.props,
-	          editing = _props.editing,
-	          title = _props.title,
-	          subtitle = _props.subtitle,
-	          entryTitle = _props.entryTitle;
+	      var editing = this.props.editing;
 	      var _state = this.state,
 	          hidden = _state.hidden,
 	          animating = _state.animating;
 
-
+	      var invert = getInvert(this.props);
+	      var logoElement = _react2.default.createElement('div', { className: (0, _classnames2.default)("media_loading_spinner-logo", { 'media_loading_spinner-logo-invert': invert }) });
+	      if (this.props.removeLogo) {
+	        logoElement = '';
+	      }
 	      if (editing || !hidden) {
 	        return _react2.default.createElement(
 	          'div',
-	          { className: (0, _classnames2.default)('title_loading_spinner', { 'title_loading_spinner-fade': animating }),
+	          { className: (0, _classnames2.default)('media_loading_spinner', { 'media_loading_spinner-fade': animating }, { 'media_loading_spinner-invert': invert }),
 	            onAnimationEnd: function onAnimationEnd(event) {
 	              return _this4.hideOrLoop(event);
 	            },
 	            onTouchMove: preventScrollBouncing,
-	            style: inlineStyle() },
-	          _react2.default.createElement('div', { className: 'title_loading_spinner-logo' }),
-	          _react2.default.createElement('div', { className: 'title_loading_spinner-image',
+	            style: inlineStyle(this.props) },
+	          logoElement,
+	          _react2.default.createElement('div', { className: 'media_loading_spinner-image',
 	            style: backgroundImageInlineStyles(this.props) }),
-	          _react2.default.createElement(
-	            'div',
-	            { className: 'title_loading_spinner-titles' },
-	            _react2.default.createElement(
-	              'div',
-	              { className: 'title_loading_spinner-title' },
-	              title || entryTitle
-	            ),
-	            _react2.default.createElement(
-	              'div',
-	              { className: 'title_loading_spinner-subtitle' },
-	              subtitle
-	            )
-	          )
+	          this.props.children
 	        );
 	      } else {
 	        return _react2.default.createElement('noscript', null);
@@ -31369,10 +31368,36 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    }
 	  }]);
 
-	  return TitleLoadingSpinner;
+	  return MediaLoadingSpinnerComponent;
 	}(_react2.default.Component);
 
-	function inlineStyle() {
+	function preventScrollBouncing(e) {
+	  e.preventDefault();
+	}
+
+	function backgroundImageInlineStyles(_ref) {
+	  var firstPageBackgroundImageUrl = _ref.firstPageBackgroundImageUrl,
+	      backgroundImage = _ref.backgroundImage,
+	      blurStrength = _ref.blurStrength;
+
+	  var url = backgroundImage ? backgroundImage.urls.medium : firstPageBackgroundImageUrl;
+	  if (url) {
+	    return {
+	      backgroundImage: 'url("' + url + '")',
+	      filter: 'blur(' + blurStrength + 'px)'
+	    };
+	  }
+	}
+
+	function getInvert(props) {
+	  if (!props.backgroundImage && props.invert == undefined) {
+	    return props.firstPageInvert;
+	  }
+	  return props.invert;
+	}
+
+	function inlineStyle(props) {
+	  var invert = getInvert(props);
 	  return {
 	    position: 'absolute',
 	    top: 0,
@@ -31380,49 +31405,144 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    width: '100%',
 	    height: '100%',
 	    zIndex: 100,
-	    backgroundColor: '#000'
+	    backgroundColor: invert ? '#fff' : '#000'
 	  };
 	}
 
-	function backgroundImageInlineStyles(_ref) {
-	  var firstPageBackgroundImageUrl = _ref.firstPageBackgroundImageUrl,
-	      backgroundImage = _ref.backgroundImage;
+	var MediaLoadingSpinner = exports.MediaLoadingSpinner = (0, _reactRedux.connect)((0, _utils.combineSelectors)({
+	  editing: (0, _selectors2.editingWidget)({ role: 'loading_spinner' }),
+	  firstPageInvert: (0, _selectors4.firstPageAttribute)('invert'),
+	  firstPageBackgroundImageUrl: (0, _selectors4.pageBackgroundImageUrl)({
+	    variant: 'medium',
+	    page: (0, _selectors4.firstPageAttribures)()
+	  }),
+	  backgroundImage: (0, _selectors3.file)('imageFiles', {
+	    id: (0, _selectors2.widgetAttribute)('customBackgroundImageId', {
+	      role: 'loading_spinner'
+	    })
+	  }),
+	  invert: (0, _selectors2.widgetAttribute)('invert', { role: 'loading_spinner' }),
+	  removeLogo: (0, _selectors2.widgetAttribute)('removeLogo', { role: 'loading_spinner' }),
+	  blurStrength: (0, _selectors2.widgetAttribute)('blurStrength', { role: 'loading_spinner' })
+	}))(MediaLoadingSpinnerComponent);
 
-	  var url = backgroundImage ? backgroundImage.urls.medium : firstPageBackgroundImageUrl;
+	function register() {
+	  (0, _registerWidgetType2.default)('media_loading_spinner', {
+	    component: MediaLoadingSpinner
+	  });
+	}
 
-	  if (url) {
-	    return {
-	      backgroundImage: 'url("' + url + '")'
-	    };
+/***/ }),
+/* 622 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.TitleLoadingSpinner = undefined;
+
+	var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	exports.register = register;
+
+	var _utils = __webpack_require__(340);
+
+	var _react = __webpack_require__(334);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _reactRedux = __webpack_require__(399);
+
+	var _classnames = __webpack_require__(335);
+
+	var _classnames2 = _interopRequireDefault(_classnames);
+
+	var _registerWidgetType = __webpack_require__(565);
+
+	var _registerWidgetType2 = _interopRequireDefault(_registerWidgetType);
+
+	var _selectors = __webpack_require__(503);
+
+	var _selectors2 = __webpack_require__(376);
+
+	var _selectors3 = __webpack_require__(429);
+
+	var _selectors4 = __webpack_require__(494);
+
+	var _MediaLoadingSpinner = __webpack_require__(621);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+	var TitleLoadingSpinner = exports.TitleLoadingSpinner = function (_React$Component) {
+	  _inherits(TitleLoadingSpinner, _React$Component);
+
+	  function TitleLoadingSpinner() {
+	    _classCallCheck(this, TitleLoadingSpinner);
+
+	    return _possibleConstructorReturn(this, (TitleLoadingSpinner.__proto__ || Object.getPrototypeOf(TitleLoadingSpinner)).apply(this, arguments));
 	  }
-	}
 
-	function preventScrollBouncing(e) {
-	  e.preventDefault();
-	}
+	  _createClass(TitleLoadingSpinner, [{
+	    key: 'render',
+	    value: function render() {
+	      var _props = this.props,
+	          title = _props.title,
+	          subtitle = _props.subtitle,
+	          entryTitle = _props.entryTitle;
+
+	      var invert = (0, _MediaLoadingSpinner.getInvert)(this.props);
+	      return _react2.default.createElement(
+	        _MediaLoadingSpinner.MediaLoadingSpinner,
+	        null,
+	        _react2.default.createElement(
+	          'div',
+	          { className: (0, _classnames2.default)('media_loading_spinner-titles', { 'media_loading_spinner-invert': invert }) },
+	          _react2.default.createElement(
+	            'div',
+	            { className: 'media_loading_spinner-title' },
+	            title || entryTitle
+	          ),
+	          _react2.default.createElement(
+	            'div',
+	            { className: 'media_loading_spinner-subtitle' },
+	            subtitle
+	          )
+	        )
+	      );
+	    }
+	  }]);
+
+	  return TitleLoadingSpinner;
+	}(_react2.default.Component);
 
 	function register() {
 	  (0, _registerWidgetType2.default)('title_loading_spinner', {
 	    component: (0, _reactRedux.connect)((0, _utils.combineSelectors)({
-	      editing: (0, _selectors2.editingWidget)({ role: 'loading_spinner' }),
-	      firstPageBackgroundImageUrl: (0, _selectors4.pageBackgroundImageUrl)({
-	        variant: 'medium',
-	        page: (0, _selectors4.firstPageAttribures)()
-	      }),
+	      firstPageInvert: (0, _selectors2.firstPageAttribute)('invert'),
 	      backgroundImage: (0, _selectors3.file)('imageFiles', {
-	        id: (0, _selectors2.widgetAttribute)('customBackgroundImageId', {
+	        id: (0, _selectors4.widgetAttribute)('customBackgroundImageId', {
 	          role: 'loading_spinner'
 	        })
 	      }),
 	      entryTitle: (0, _selectors.entryAttribute)('title'),
-	      title: (0, _selectors2.widgetAttribute)('title', { role: 'loading_spinner' }),
-	      subtitle: (0, _selectors2.widgetAttribute)('subtitle', { role: 'loading_spinner' })
+	      title: (0, _selectors4.widgetAttribute)('title', { role: 'loading_spinner' }),
+	      subtitle: (0, _selectors4.widgetAttribute)('subtitle', { role: 'loading_spinner' }),
+	      removeLogo: (0, _selectors4.widgetAttribute)('removeLogo', { role: 'loading_spinner' }),
+	      invert: (0, _selectors4.widgetAttribute)('invert', { role: 'loading_spinner' })
 	    }))(TitleLoadingSpinner)
 	  });
 	}
 
 /***/ }),
-/* 622 */
+/* 623 */
 /***/ (function(module, exports) {
 
 	module.exports = pageflow;

data/app/assets/javascripts/pageflow/dist/react-server.js

@@ -8960,7 +8960,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _loadingSpinner = __webpack_require__(616);
 
-	var _pageflow = __webpack_require__(619);
+	var _pageflow = __webpack_require__(620);
 
 	var _pageflow2 = _interopRequireDefault(_pageflow);
 
@@ -12016,6 +12016,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.firstPage = exports.selector = exports.pageBackgroundImageUrl = undefined;
 	exports.firstPageAttribures = firstPageAttribures;
+	exports.firstPageAttribute = firstPageAttribute;
 	exports.pageAttribute = pageAttribute;
 	exports.pageAttributes = pageAttributes;
 	exports.pageState = pageState;
@@ -12045,6 +12046,12 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  });
 	}
 
+	function firstPageAttribute(property) {
+	  return (0, _utils.memoizedSelector)(firstPage, function (page) {
+	    return page && page.attributes[property];
+	  });
+	}
+
 	function pageAttribute(property, options) {
 	  return (0, _utils.memoizedSelector)(selector(options), function (page) {
 	    return page && page.attributes[property];
@@ -31057,11 +31064,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _ClassicLoadingSpinner = __webpack_require__(617);
 
-	var _TitleLoadingSpinner = __webpack_require__(618);
+	var _MediaLoadingSpinner = __webpack_require__(618);
+
+	var _TitleLoadingSpinner = __webpack_require__(619);
 
 	function registerWidgetTypes() {
 	  (0, _ClassicLoadingSpinner.register)();
 	  (0, _TitleLoadingSpinner.register)();
+	  (0, _MediaLoadingSpinner.register)();
 	}
 
 /***/ }),
@@ -31211,9 +31221,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
+	exports.MediaLoadingSpinner = exports.MediaLoadingSpinnerComponent = undefined;
 
 	var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
+	exports.getInvert = getInvert;
 	exports.register = register;
 
 	var _utils = __webpack_require__(340);
@@ -31248,13 +31260,13 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-	var TitleLoadingSpinner = function (_React$Component) {
-	  _inherits(TitleLoadingSpinner, _React$Component);
+	var MediaLoadingSpinnerComponent = exports.MediaLoadingSpinnerComponent = function (_React$Component) {
+	  _inherits(MediaLoadingSpinnerComponent, _React$Component);
 
-	  function TitleLoadingSpinner(props) {
-	    _classCallCheck(this, TitleLoadingSpinner);
+	  function MediaLoadingSpinnerComponent(props) {
+	    _classCallCheck(this, MediaLoadingSpinnerComponent);
 
-	    var _this = _possibleConstructorReturn(this, (TitleLoadingSpinner.__proto__ || Object.getPrototypeOf(TitleLoadingSpinner)).call(this, props));
+	    var _this = _possibleConstructorReturn(this, (MediaLoadingSpinnerComponent.__proto__ || Object.getPrototypeOf(MediaLoadingSpinnerComponent)).call(this, props));
 
 	    _this.state = {
 	      hidden: false,
@@ -31263,7 +31275,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    return _this;
 	  }
 
-	  _createClass(TitleLoadingSpinner, [{
+	  _createClass(MediaLoadingSpinnerComponent, [{
 	    key: 'componentDidMount',
 	    value: function componentDidMount() {
 	      var _this2 = this;
@@ -31304,42 +31316,29 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    value: function render() {
 	      var _this4 = this;
 
-	      var _props = this.props,
-	          editing = _props.editing,
-	          title = _props.title,
-	          subtitle = _props.subtitle,
-	          entryTitle = _props.entryTitle;
+	      var editing = this.props.editing;
 	      var _state = this.state,
 	          hidden = _state.hidden,
 	          animating = _state.animating;
 
-
+	      var invert = getInvert(this.props);
+	      var logoElement = _react2.default.createElement('div', { className: (0, _classnames2.default)("media_loading_spinner-logo", { 'media_loading_spinner-logo-invert': invert }) });
+	      if (this.props.removeLogo) {
+	        logoElement = '';
+	      }
 	      if (editing || !hidden) {
 	        return _react2.default.createElement(
 	          'div',
-	          { className: (0, _classnames2.default)('title_loading_spinner', { 'title_loading_spinner-fade': animating }),
+	          { className: (0, _classnames2.default)('media_loading_spinner', { 'media_loading_spinner-fade': animating }, { 'media_loading_spinner-invert': invert }),
 	            onAnimationEnd: function onAnimationEnd(event) {
 	              return _this4.hideOrLoop(event);
 	            },
 	            onTouchMove: preventScrollBouncing,
-	            style: inlineStyle() },
-	          _react2.default.createElement('div', { className: 'title_loading_spinner-logo' }),
-	          _react2.default.createElement('div', { className: 'title_loading_spinner-image',
+	            style: inlineStyle(this.props) },
+	          logoElement,
+	          _react2.default.createElement('div', { className: 'media_loading_spinner-image',
 	            style: backgroundImageInlineStyles(this.props) }),
-	          _react2.default.createElement(
-	            'div',
-	            { className: 'title_loading_spinner-titles' },
-	            _react2.default.createElement(
-	              'div',
-	              { className: 'title_loading_spinner-title' },
-	              title || entryTitle
-	            ),
-	            _react2.default.createElement(
-	              'div',
-	              { className: 'title_loading_spinner-subtitle' },
-	              subtitle
-	            )
-	          )
+	          this.props.children
 	        );
 	      } else {
 	        return _react2.default.createElement('noscript', null);
@@ -31347,10 +31346,36 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    }
 	  }]);
 
-	  return TitleLoadingSpinner;
+	  return MediaLoadingSpinnerComponent;
 	}(_react2.default.Component);
 
-	function inlineStyle() {
+	function preventScrollBouncing(e) {
+	  e.preventDefault();
+	}
+
+	function backgroundImageInlineStyles(_ref) {
+	  var firstPageBackgroundImageUrl = _ref.firstPageBackgroundImageUrl,
+	      backgroundImage = _ref.backgroundImage,
+	      blurStrength = _ref.blurStrength;
+
+	  var url = backgroundImage ? backgroundImage.urls.medium : firstPageBackgroundImageUrl;
+	  if (url) {
+	    return {
+	      backgroundImage: 'url("' + url + '")',
+	      filter: 'blur(' + blurStrength + 'px)'
+	    };
+	  }
+	}
+
+	function getInvert(props) {
+	  if (!props.backgroundImage && props.invert == undefined) {
+	    return props.firstPageInvert;
+	  }
+	  return props.invert;
+	}
+
+	function inlineStyle(props) {
+	  var invert = getInvert(props);
 	  return {
 	    position: 'absolute',
 	    top: 0,
@@ -31358,49 +31383,144 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    width: '100%',
 	    height: '100%',
 	    zIndex: 100,
-	    backgroundColor: '#000'
+	    backgroundColor: invert ? '#fff' : '#000'
 	  };
 	}
 
-	function backgroundImageInlineStyles(_ref) {
-	  var firstPageBackgroundImageUrl = _ref.firstPageBackgroundImageUrl,
-	      backgroundImage = _ref.backgroundImage;
+	var MediaLoadingSpinner = exports.MediaLoadingSpinner = (0, _reactRedux.connect)((0, _utils.combineSelectors)({
+	  editing: (0, _selectors2.editingWidget)({ role: 'loading_spinner' }),
+	  firstPageInvert: (0, _selectors4.firstPageAttribute)('invert'),
+	  firstPageBackgroundImageUrl: (0, _selectors4.pageBackgroundImageUrl)({
+	    variant: 'medium',
+	    page: (0, _selectors4.firstPageAttribures)()
+	  }),
+	  backgroundImage: (0, _selectors3.file)('imageFiles', {
+	    id: (0, _selectors2.widgetAttribute)('customBackgroundImageId', {
+	      role: 'loading_spinner'
+	    })
+	  }),
+	  invert: (0, _selectors2.widgetAttribute)('invert', { role: 'loading_spinner' }),
+	  removeLogo: (0, _selectors2.widgetAttribute)('removeLogo', { role: 'loading_spinner' }),
+	  blurStrength: (0, _selectors2.widgetAttribute)('blurStrength', { role: 'loading_spinner' })
+	}))(MediaLoadingSpinnerComponent);
 
-	  var url = backgroundImage ? backgroundImage.urls.medium : firstPageBackgroundImageUrl;
+	function register() {
+	  (0, _registerWidgetType2.default)('media_loading_spinner', {
+	    component: MediaLoadingSpinner
+	  });
+	}
 
-	  if (url) {
-	    return {
-	      backgroundImage: 'url("' + url + '")'
-	    };
+/***/ }),
+/* 619 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.TitleLoadingSpinner = undefined;
+
+	var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	exports.register = register;
+
+	var _utils = __webpack_require__(340);
+
+	var _react = __webpack_require__(334);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _reactRedux = __webpack_require__(399);
+
+	var _classnames = __webpack_require__(335);
+
+	var _classnames2 = _interopRequireDefault(_classnames);
+
+	var _registerWidgetType = __webpack_require__(562);
+
+	var _registerWidgetType2 = _interopRequireDefault(_registerWidgetType);
+
+	var _selectors = __webpack_require__(502);
+
+	var _selectors2 = __webpack_require__(376);
+
+	var _selectors3 = __webpack_require__(429);
+
+	var _selectors4 = __webpack_require__(493);
+
+	var _MediaLoadingSpinner = __webpack_require__(618);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+	var TitleLoadingSpinner = exports.TitleLoadingSpinner = function (_React$Component) {
+	  _inherits(TitleLoadingSpinner, _React$Component);
+
+	  function TitleLoadingSpinner() {
+	    _classCallCheck(this, TitleLoadingSpinner);
+
+	    return _possibleConstructorReturn(this, (TitleLoadingSpinner.__proto__ || Object.getPrototypeOf(TitleLoadingSpinner)).apply(this, arguments));
 	  }
-	}
 
-	function preventScrollBouncing(e) {
-	  e.preventDefault();
-	}
+	  _createClass(TitleLoadingSpinner, [{
+	    key: 'render',
+	    value: function render() {
+	      var _props = this.props,
+	          title = _props.title,
+	          subtitle = _props.subtitle,
+	          entryTitle = _props.entryTitle;
+
+	      var invert = (0, _MediaLoadingSpinner.getInvert)(this.props);
+	      return _react2.default.createElement(
+	        _MediaLoadingSpinner.MediaLoadingSpinner,
+	        null,
+	        _react2.default.createElement(
+	          'div',
+	          { className: (0, _classnames2.default)('media_loading_spinner-titles', { 'media_loading_spinner-invert': invert }) },
+	          _react2.default.createElement(
+	            'div',
+	            { className: 'media_loading_spinner-title' },
+	            title || entryTitle
+	          ),
+	          _react2.default.createElement(
+	            'div',
+	            { className: 'media_loading_spinner-subtitle' },
+	            subtitle
+	          )
+	        )
+	      );
+	    }
+	  }]);
+
+	  return TitleLoadingSpinner;
+	}(_react2.default.Component);
 
 	function register() {
 	  (0, _registerWidgetType2.default)('title_loading_spinner', {
 	    component: (0, _reactRedux.connect)((0, _utils.combineSelectors)({
-	      editing: (0, _selectors2.editingWidget)({ role: 'loading_spinner' }),
-	      firstPageBackgroundImageUrl: (0, _selectors4.pageBackgroundImageUrl)({
-	        variant: 'medium',
-	        page: (0, _selectors4.firstPageAttribures)()
-	      }),
+	      firstPageInvert: (0, _selectors2.firstPageAttribute)('invert'),
 	      backgroundImage: (0, _selectors3.file)('imageFiles', {
-	        id: (0, _selectors2.widgetAttribute)('customBackgroundImageId', {
+	        id: (0, _selectors4.widgetAttribute)('customBackgroundImageId', {
 	          role: 'loading_spinner'
 	        })
 	      }),
 	      entryTitle: (0, _selectors.entryAttribute)('title'),
-	      title: (0, _selectors2.widgetAttribute)('title', { role: 'loading_spinner' }),
-	      subtitle: (0, _selectors2.widgetAttribute)('subtitle', { role: 'loading_spinner' })
+	      title: (0, _selectors4.widgetAttribute)('title', { role: 'loading_spinner' }),
+	      subtitle: (0, _selectors4.widgetAttribute)('subtitle', { role: 'loading_spinner' }),
+	      removeLogo: (0, _selectors4.widgetAttribute)('removeLogo', { role: 'loading_spinner' }),
+	      invert: (0, _selectors4.widgetAttribute)('invert', { role: 'loading_spinner' })
 	    }))(TitleLoadingSpinner)
 	  });
 	}
 
 /***/ }),
-/* 619 */
+/* 620 */
 /***/ (function(module, exports) {
 
 	module.exports = pageflow;

data/app/assets/javascripts/pageflow/editor/api/widget_type.js

@@ -12,7 +12,6 @@ pageflow.WidgetType = pageflow.Object.extend({
 
   createConfigurationEditorView: function(options) {
     var constructor = this.configurationEditorView;
-
     return new constructor(_.extend({
       attributeTranslationKeyPrefixes: [
         'pageflow.editor.widgets.attributes.' + this.name,

data/app/assets/javascripts/pageflow/editor/views/widget_types/media_loading_spinner.js

@@ -0,0 +1,18 @@
+pageflow.editor.widgetTypes.register('media_loading_spinner', {
+  configurationEditorView: pageflow.ConfigurationEditorView.extend({
+    configure: function() {
+      this.tab('loading_spinner', function() {
+        this.view(pageflow.InfoBoxView, {
+          text: I18n.t('pageflow.editor.media_loading_spinner.widget_type_info_box_text')
+        });
+        this.input('custom_background_image_id', pageflow.FileInputView, {
+          collection: 'image_files',
+          fileSelectionHandler: 'widgetConfiguration'
+        });
+        this.input('invert', pageflow.CheckBoxInputView);
+        this.input('remove_logo', pageflow.CheckBoxInputView);
+        this.input('blur_strength', pageflow.SliderInputView);
+      });
+    }
+  })
+});

data/app/assets/javascripts/pageflow/editor/views/widget_types/title_loading_spinner.js

@@ -14,6 +14,9 @@ pageflow.editor.widgetTypes.register('title_loading_spinner', {
           collection: 'image_files',
           fileSelectionHandler: 'widgetConfiguration'
         });
+        this.input('invert', pageflow.CheckBoxInputView);
+        this.input('remove_logo', pageflow.CheckBoxInputView);
+        this.input('blur_strength', pageflow.SliderInputView);
       });
     }
   })

data/app/assets/stylesheets/pageflow/themes/default/base.scss

@@ -17,9 +17,9 @@
 @import "./built_in_page_types";
 @import "./anchors";
 @import "./cookie_notice_bar";
-@import "./loading_spinner";
 @import "./logo";
 @import "./page";
+@import "./loading_spinner";
 @import "./indicators";
 @import "./navigation";
 @import "./navigation_share_box";

data/app/assets/stylesheets/pageflow/themes/default/loading_spinner.scss

@@ -46,8 +46,10 @@ $loading-spinner-glow-size: 140px !default;
 /// File extension of background and logo
 $loading-spinner-image-file-extension: "png" !default;
 
+@import "./loading_spinner/media";
 @import "./loading_spinner/title";
 
+
 @if not $custom-loading-spinner {
   .loading_spinner {
     // scss-lint:disable ImportantRule

data/app/assets/stylesheets/pageflow/themes/default/loading_spinner/media.scss

@@ -0,0 +1,56 @@
+$media-loading-spinner-duration: 7s;
+
+.media_loading_spinner {
+  &:before {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 1;
+    background-color: rgba(0, 0, 0, 0.15);
+  }
+
+  &-image {
+    background-size: cover;
+    height: 100%;
+  }
+
+  &-logo {
+    @extend %pageflow_widget_margin_right !optional;
+    position: relative;
+
+    &:after {
+      @extend %background_logo;
+      content: "";
+      display: block;
+      z-index: 1;
+      opacity: 0;
+    }
+  }
+
+  &-logo-invert {
+    &:after{
+      background-image: image-url("pageflow/themes/#{$theme-name}/logo_header_invert.#{$logo-image-file-extension}");
+    }
+  }
+
+  &-fade {
+    @include animation(fade_out 1s ease 1);
+    @include animation-delay($media-loading-spinner-duration + 0.5s);
+    @include animation-fill-mode(forwards);
+
+    .media_loading_spinner-logo:after {
+      @include animation(fade_in 1s ease-out 1);
+      @include animation-fill-mode(forwards);
+    }
+  }
+
+  &-invert {
+    color: #000 !important;
+  }
+
+}
+

data/app/assets/stylesheets/pageflow/themes/default/loading_spinner/title.scss

@@ -8,25 +8,13 @@ $title-loading-spinner-subtitle-typography: () !default;
 
 $title-loading-spinner-phone-subtitle-typography: () !default;
 
-.title_loading_spinner {
-  $duration: 7s;
+.media_loading_spinner {
 
-  &:before {
-    content: "";
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    z-index: 1;
-    background-color: rgba(0, 0, 0, 0.15);
-  }
-
-  &-image {
-    background-size: cover;
-    filter: blur(50px);
-    height: 100%;
+  &-fade {
+    .media_loading_spinner-titles {
+      @include animation(title_fade $media-loading-spinner-duration ease-out 1);
+      @include animation-fill-mode(forwards);
+    }
   }
 
   &-titles {
@@ -53,7 +41,7 @@ $title-loading-spinner-phone-subtitle-typography: () !default;
       content: "";
       display: block;
       width: 100px;
-      border-bottom: solid 2px #fff;
+      border-bottom: solid 2px;
       margin: 20px auto;
     }
 
@@ -96,36 +84,7 @@ $title-loading-spinner-phone-subtitle-typography: () !default;
       );
     }
   }
-
-  &-logo {
-    @extend %pageflow_widget_margin_right !optional;
-    position: relative;
-
-    &:after {
-      @extend %background_logo;
-      content: "";
-      display: block;
-      z-index: 1;
-      opacity: 0;
-    }
-  }
-
-  &-fade {
-    @include animation(fade_out 1s ease 1);
-    @include animation-delay($duration + 0.5s);
-    @include animation-fill-mode(forwards);
-
-    .title_loading_spinner-titles {
-      @include animation(title_fade $duration ease-out 1);
-      @include animation-fill-mode(forwards);
-    }
-
-    .title_loading_spinner-logo:after {
-      @include animation(fade_in 1s ease-out 1);
-      @include animation-fill-mode(forwards);
-    }
-  }
-
+  
   @include keyframes(title_fade) {
     0% {
       @include transform(translate(-50%, -30%));
@@ -155,4 +114,5 @@ $title-loading-spinner-phone-subtitle-typography: () !default;
       opacity: 0;
     }
   }
-}
+
+}

data/app/assets/stylesheets/pageflow/themes/default/player_controls/classic/info_box.scss

@@ -78,6 +78,11 @@ $classic-player-controls-info-box-border-radius: 4px !default;
 
   .js &-info_box {
     pointer-events: none;
+
+    a {
+      pointer-events: all;
+    }
+
     margin: 0;
     margin-bottom: 60px + $classic-player-controls-border-width * 4;
     width: 434px;

data/app/assets/stylesheets/pageflow/themes/default/player_controls/slim/info_box.scss

@@ -73,6 +73,10 @@ $slim-player-controls-info-box-header-typography: () !default;
     @include transition(opacity 0.2s linear, visibility 0.2s linear, transform 0.2s ease);
     pointer-events: none;
 
+    a {
+      pointer-events: all;
+    }
+
     position: absolute;
     left: 50%;
     @include transform(translate3d(-50%, 0, 0));

data/app/helpers/pageflow/social_share_links_helper.rb

@@ -8,7 +8,7 @@ module Pageflow
       google: 'https://plus.google.com/share?url=%{url}',
       linked_in: 'https://www.linkedin.com/shareArticle?mini=true&url=%{url}',
       telegram: 'tg://msg?text=%{url}',
-      twitter: 'http://twitter.com/home?status=%{url}',
+      twitter: 'https://twitter.com/intent/tweet?url=%{url}',
       whats_app: 'WhatsApp://send?text=%{url}'
     }.freeze
 

data/app/models/pageflow/widget.rb

@@ -61,10 +61,14 @@ module Pageflow
       private
 
       def all
-        placeholders_by_role
-          .merge(defaults_by_role)
-          .merge(from_db_by_role)
-          .values
+        initial_widgets = placeholders_by_role.merge(defaults_by_role)
+        initial_widgets.merge(from_db_by_role) { |_role_key, old_val, new_val|
+          if old_val.configuration.present?
+            new_val.configuration = {} if new_val.configuration.nil?
+            new_val.configuration = old_val.configuration.merge(new_val.configuration)
+          end
+          new_val
+        }.values
       end
 
       def from_db_by_role
@@ -73,13 +77,15 @@ module Pageflow
 
       def defaults_by_role
         config.widget_types.defaults_by_role.each_with_object({}) do |(role, widget_type), result|
-          result[role] = Widget.new(role: role, type_name: widget_type.name, subject: nil)
+          result[role] = Widget.new(role: role, type_name: widget_type.name,
+                                    subject: nil,
+                                    configuration:
+                                      config.widget_types.default_configuration(role))
         end
       end
 
       def placeholders_by_role
         return {} unless options[:include_placeholders]
-
         config.widget_types.roles.each_with_object({}) do |role, result|
           result[role] = Widget.new(role: role, type_name: nil, subject: nil)
         end

data/config/locales/de.yml

@@ -282,6 +282,10 @@ de:
         dimensions: Maße
         duration: Länge
         format: Format
+      pageflow/widget:
+        blur_strength: Unschärfe
+        invert: Farben invertieren
+        remove_logo: Logo entfernen
       user:
         account: Konto
         admin: System-Administrator
@@ -1124,6 +1128,8 @@ de:
           audio_files: Audios
           image_files: Bilder
           video_files: Videos
+      media_loading_spinner:
+        widget_type_info_box_text: Dies ist eine Vorschau der Lade-Ansicht von 'Bild'. Die Animation wird ausgeführt, während die Seite geladen wird.
       nested_files:
         text_track_files:
           delete:
@@ -1396,7 +1402,19 @@ de:
           without_parent_page: Ohne übergeordnete Seite
       widgets:
         attributes:
+          media_loading_spinner:
+            blur_strength:
+              inline_help: Steuern Sie die Unschärfe des Hintergrundbilds.
+              label: Unschärfe
+            custom_background_image_id:
+              inline_help: Standardmäßig wird das Hintergrundbild der ersten Seite verwendet.
+              label: Hintegrundbild
+            remove_logo:
+              label: Logo entfernen
           title_loading_spinner:
+            blur_strength:
+              inline_help: Steuern Sie die Unschärfe des Hintergrundbilds.
+              label: Unschärfe
             custom_background_image_id:
               inline_help: Standardmäßig wird das Hintergrundbild der ersten Seite verwendet.
               label: Hintegrundbild
@@ -1737,6 +1755,8 @@ de:
       tr: Türkisch
       unknown: "(Unbekannt)"
       zh: Chinesisch
+    media_loading_spinner:
+      widget_type_name: Media
     page_transitions:
       crossfade: Überblenden
       cut: Harter Schnitt

data/config/locales/en.yml

@@ -282,6 +282,10 @@ en:
         dimensions: Dimensions
         duration: Duration
         format: Format
+      pageflow/widget:
+        blur_strength: Blurriness
+        invert: Invert Color
+        remove_logo: Remove Logo
       user:
         account: Account
         admin: System administrator
@@ -1124,6 +1128,8 @@ en:
           audio_files: Audios
           image_files: Images
           video_files: Videos
+      media_loading_spinner:
+        widget_type_info_box_text: This is a preview of the 'Image' loading view. The animation runs while the page is loading.
       nested_files:
         text_track_files:
           delete:
@@ -1396,7 +1402,19 @@ en:
           without_parent_page: Without parent page
       widgets:
         attributes:
+          media_loading_spinner:
+            blur_strength:
+              inline_help: Control the bluriness of background image.
+              label: Blur Strength
+            custom_background_image_id:
+              inline_help: By default, the background image of the first page is used.
+              label: Background Image
+            remove_logo:
+              label: Remove logo
           title_loading_spinner:
+            blur_strength:
+              inline_help: Control the bluriness of background image.
+              label: Blur Strength
             custom_background_image_id:
               inline_help: By default the background image of the first page is used.
               label: Background image
@@ -1709,6 +1727,8 @@ en:
       tr: Turkish
       unknown: "(Unknown)"
       zh: Chinese
+    media_loading_spinner:
+      widget_type_name: Media
     page_transitions:
       crossfade: Crossfade
       cut: Cut

data/lib/pageflow/built_in_widget_type.rb

@@ -61,5 +61,12 @@ module Pageflow
                                          insert_point: :before_entry,
                                          server_rendering: true)
     end
+
+    def self.media_loading_spinner
+      Pageflow::React.create_widget_type('media_loading_spinner',
+                                         'loading_spinner',
+                                         insert_point: :before_entry,
+                                         server_rendering: true)
+    end
   end
 end

data/lib/pageflow/built_in_widget_types_plugin.rb

@@ -9,12 +9,18 @@ module Pageflow
                                                .phone_horizontal_slideshow_mode)
       end
 
+      config.widget_types.register_widget_defaults('loading_spinner',
+                                                   'blur_strength' => 50,
+                                                   'remove_logo' => false,
+                                                   'invert' => false)
       config.widget_types.register(Pageflow::BuiltInWidgetType.classic_loading_spinner,
                                    default: true)
 
       config.features.register('title_loading_spinner') do |feature_config|
+        feature_config.widget_types.register(Pageflow::BuiltInWidgetType.media_loading_spinner)
         feature_config.widget_types.register(Pageflow::BuiltInWidgetType.title_loading_spinner)
       end
+      config.features.enable_by_default('title_loading_spinner')
 
       config.widget_types.register(Pageflow::BuiltInWidgetType.navigation, default: true)
       config.widget_types.register(Pageflow::BuiltInWidgetType.mobile_navigation, default: true)

data/lib/pageflow/version.rb

@@ -1,3 +1,3 @@
 module Pageflow
-  VERSION = '14.4.0'.freeze
+  VERSION = '14.5.0'.freeze
 end

data/lib/pageflow/widget_types.rb

@@ -10,7 +10,6 @@ module Pageflow
 
     def register(widget_type, options = {})
       @widget_types[widget_type.name] = widget_type
-
       if options[:default]
         widget_type.roles.each do |role|
           defaults_by_role[role] = widget_type
@@ -18,9 +17,14 @@ module Pageflow
       end
     end
 
+    def register_widget_defaults(widget_role, default_configurations)
+      @default_configurations[widget_role] = default_configurations
+    end
+
     def clear
       @widget_types = {}
       @defaults_by_role = {}
+      @default_configurations = {}
     end
 
     def each(&block)
@@ -37,6 +41,10 @@ module Pageflow
       @widget_types.fetch(name, &block)
     end
 
+    def default_configuration(name)
+      @default_configurations[name]
+    end
+
     def find_all_by_role(role)
       select do |widget_type|
         widget_type.roles.include?(role)

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: pageflow
 version: !ruby/object:Gem::Version
-  version: 14.4.0
+  version: 14.5.0
 platform: ruby
 authors:
 - Codevise Solutions Ltd
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-08-13 00:00:00.000000000 Z
+date: 2019-10-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -1250,6 +1250,7 @@ files:
 - app/assets/javascripts/pageflow/editor/views/widget_item_view.js
 - app/assets/javascripts/pageflow/editor/views/widget_types/classic_loading_spinner.js
 - app/assets/javascripts/pageflow/editor/views/widget_types/cookie_notice_bar.js
+- app/assets/javascripts/pageflow/editor/views/widget_types/media_loading_spinner.js
 - app/assets/javascripts/pageflow/editor/views/widget_types/phone_horizontal_slideshow_mode.js
 - app/assets/javascripts/pageflow/editor/views/widget_types/title_loading_spinner.js
 - app/assets/javascripts/pageflow/entry_data.js
@@ -1540,6 +1541,7 @@ files:
 - app/assets/stylesheets/pageflow/themes/default/indicators/typography.scss
 - app/assets/stylesheets/pageflow/themes/default/indicators/widget_margins.scss
 - app/assets/stylesheets/pageflow/themes/default/loading_spinner.scss
+- app/assets/stylesheets/pageflow/themes/default/loading_spinner/media.scss
 - app/assets/stylesheets/pageflow/themes/default/loading_spinner/title.scss
 - app/assets/stylesheets/pageflow/themes/default/logo.scss
 - app/assets/stylesheets/pageflow/themes/default/logo/alignment.scss