pageflow 12.0.0.rc1 → 12.0.0.rc2

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of pageflow might be problematic. Click here for more details.

@@ -8205,11 +8205,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
8205
8205
 
8206
8206
  var components = _interopRequireWildcard(_components);
8207
8207
 
8208
- var _selectors = __webpack_require__(443);
8208
+ var _selectors = __webpack_require__(444);
8209
8209
 
8210
8210
  var selectors = _interopRequireWildcard(_selectors);
8211
8211
 
8212
- var _media = __webpack_require__(449);
8212
+ var _media = __webpack_require__(450);
8213
8213
 
8214
8214
  var _interactivePageBackground = __webpack_require__(488);
8215
8215
 
@@ -8227,11 +8227,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
8227
8227
 
8228
8228
  var _registerWidgetType2 = _interopRequireDefault(_registerWidgetType);
8229
8229
 
8230
- var _mapping = __webpack_require__(414);
8230
+ var _mapping = __webpack_require__(415);
8231
8231
 
8232
8232
  var _mapping2 = _interopRequireDefault(_mapping);
8233
8233
 
8234
- var _Container = __webpack_require__(417);
8234
+ var _Container = __webpack_require__(418);
8235
8235
 
8236
8236
  var _Container2 = _interopRequireDefault(_Container);
8237
8237
 
@@ -8521,7 +8521,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
8521
8521
  Object.defineProperty(exports, "__esModule", {
8522
8522
  value: true
8523
8523
  });
8524
- exports.Draggable = exports.editorOnly = exports.Icon = exports.MenuBar = exports.CloseButton = exports.PlayerControls = exports.LazyLoadedPageThumbnail = exports.PageThumbnail = exports.PageLink = exports.PageText = exports.PageHeader = exports.PageScroller = exports.PageContent = exports.PageForeground = exports.PageShadow = exports.PageBackgroundImage = exports.PageBackground = exports.PageWrapper = undefined;
8524
+ exports.Draggable = exports.withVisibilityWatching = exports.editorOnly = exports.Icon = exports.MenuBar = exports.CloseButton = exports.PlayerControls = exports.LazyLoadedPageThumbnail = exports.PageThumbnail = exports.PageLink = exports.PageText = exports.PageHeader = exports.PageScroller = exports.PageContent = exports.PageForeground = exports.PageShadow = exports.PageBackgroundImage = exports.PageBackground = exports.PageWrapper = undefined;
8525
8525
 
8526
8526
  var _PageWrapper = __webpack_require__(303);
8527
8527
 
@@ -8575,23 +8575,27 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
8575
8575
 
8576
8576
  var _PlayerControls2 = _interopRequireDefault(_PlayerControls);
8577
8577
 
8578
- var _CloseButton = __webpack_require__(441);
8578
+ var _CloseButton = __webpack_require__(442);
8579
8579
 
8580
8580
  var _CloseButton2 = _interopRequireDefault(_CloseButton);
8581
8581
 
8582
- var _MenuBar = __webpack_require__(437);
8582
+ var _MenuBar = __webpack_require__(438);
8583
8583
 
8584
8584
  var _MenuBar2 = _interopRequireDefault(_MenuBar);
8585
8585
 
8586
- var _Icon = __webpack_require__(413);
8586
+ var _Icon = __webpack_require__(414);
8587
8587
 
8588
8588
  var _Icon2 = _interopRequireDefault(_Icon);
8589
8589
 
8590
- var _editorOnly = __webpack_require__(442);
8590
+ var _editorOnly = __webpack_require__(443);
8591
8591
 
8592
8592
  var _editorOnly2 = _interopRequireDefault(_editorOnly);
8593
8593
 
8594
- var _reactDraggable = __webpack_require__(429);
8594
+ var _withVisibilityWatching = __webpack_require__(411);
8595
+
8596
+ var _withVisibilityWatching2 = _interopRequireDefault(_withVisibilityWatching);
8597
+
8598
+ var _reactDraggable = __webpack_require__(430);
8595
8599
 
8596
8600
  var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
8597
8601
 
@@ -8614,6 +8618,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
8614
8618
  exports.MenuBar = _MenuBar2.default;
8615
8619
  exports.Icon = _Icon2.default;
8616
8620
  exports.editorOnly = _editorOnly2.default;
8621
+ exports.withVisibilityWatching = _withVisibilityWatching2.default;
8617
8622
  exports.Draggable = _reactDraggable2.default;
8618
8623
 
8619
8624
  /***/ },
@@ -16537,6 +16542,8 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16537
16542
  value: true
16538
16543
  });
16539
16544
 
16545
+ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
16546
+
16540
16547
  var _react = __webpack_require__(304);
16541
16548
 
16542
16549
  var _react2 = _interopRequireDefault(_react);
@@ -16549,38 +16556,42 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16549
16556
 
16550
16557
  var _InfoBox2 = _interopRequireDefault(_InfoBox);
16551
16558
 
16552
- var _Container = __webpack_require__(411);
16559
+ var _Container = __webpack_require__(412);
16553
16560
 
16554
16561
  var _Container2 = _interopRequireDefault(_Container);
16555
16562
 
16556
- var _LoadingSpinner = __webpack_require__(412);
16563
+ var _LoadingSpinner = __webpack_require__(413);
16557
16564
 
16558
16565
  var _LoadingSpinner2 = _interopRequireDefault(_LoadingSpinner);
16559
16566
 
16560
- var _PlayButton = __webpack_require__(422);
16567
+ var _PlayButton = __webpack_require__(423);
16561
16568
 
16562
16569
  var _PlayButton2 = _interopRequireDefault(_PlayButton);
16563
16570
 
16564
- var _CurrentTime = __webpack_require__(424);
16571
+ var _CurrentTime = __webpack_require__(425);
16565
16572
 
16566
16573
  var _CurrentTime2 = _interopRequireDefault(_CurrentTime);
16567
16574
 
16568
- var _TimeDivider = __webpack_require__(426);
16575
+ var _TimeDivider = __webpack_require__(427);
16569
16576
 
16570
16577
  var _TimeDivider2 = _interopRequireDefault(_TimeDivider);
16571
16578
 
16572
- var _Duration = __webpack_require__(427);
16579
+ var _Duration = __webpack_require__(428);
16573
16580
 
16574
16581
  var _Duration2 = _interopRequireDefault(_Duration);
16575
16582
 
16576
- var _ProgressSlider = __webpack_require__(428);
16583
+ var _ProgressSlider = __webpack_require__(429);
16577
16584
 
16578
16585
  var _ProgressSlider2 = _interopRequireDefault(_ProgressSlider);
16579
16586
 
16580
- var _MenuBar = __webpack_require__(437);
16587
+ var _MenuBar = __webpack_require__(438);
16581
16588
 
16582
16589
  var _MenuBar2 = _interopRequireDefault(_MenuBar);
16583
16590
 
16591
+ var _withVisibilityWatching = __webpack_require__(411);
16592
+
16593
+ var _withVisibilityWatching2 = _interopRequireDefault(_withVisibilityWatching);
16594
+
16584
16595
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16585
16596
 
16586
16597
  function PlayerControls(props) {
@@ -16592,7 +16603,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16592
16603
  { className: 'hint' },
16593
16604
  props.hint
16594
16605
  ),
16595
- _react2.default.createElement(_InfoBox2.default, props.infoBox),
16606
+ _react2.default.createElement(_InfoBox2.default, _extends({}, props.infoBox, {
16607
+ watchVisibility: props.watchVisibility,
16608
+ onVisible: props.onInfoBoxVisible,
16609
+ onHidden: props.onInfoBoxHidden })),
16596
16610
  _react2.default.createElement(
16597
16611
  'div',
16598
16612
  { className: controlBarClassNames(props) },
@@ -16664,7 +16678,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16664
16678
  onPlayButtonClick: _react2.default.PropTypes.func
16665
16679
  };
16666
16680
 
16667
- exports.default = PlayerControls;
16681
+ exports.default = (0, _withVisibilityWatching2.default)(PlayerControls);
16668
16682
 
16669
16683
  /***/ },
16670
16684
  /* 410 */
@@ -16676,45 +16690,145 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16676
16690
  value: true
16677
16691
  });
16678
16692
 
16679
- exports.default = function (props) {
16693
+ var _classnames = __webpack_require__(305);
16694
+
16695
+ var _classnames2 = _interopRequireDefault(_classnames);
16696
+
16697
+ var _withVisibilityWatching = __webpack_require__(411);
16698
+
16699
+ var _withVisibilityWatching2 = _interopRequireDefault(_withVisibilityWatching);
16700
+
16701
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16702
+
16703
+ function InfoBox(props) {
16680
16704
  return React.createElement(
16681
16705
  'div',
16682
16706
  { className: wrapperClassNames(props) },
16683
16707
  header(props),
16684
- React.createElement(
16685
- 'p',
16686
- null,
16687
- props.description
16688
- )
16708
+ React.createElement('p', { dangerouslySetInnerHTML: { __html: props.description } })
16689
16709
  );
16710
+ }
16690
16711
 
16691
- function wrapperClassNames(props) {
16692
- return (0, _classnames2.default)('add_info_box', {
16693
- 'empty': !props.title && !props.description,
16694
- 'title_empty': !props.title,
16695
- 'description_empty': !props.description
16696
- });
16697
- }
16712
+ function wrapperClassNames(props) {
16713
+ return (0, _classnames2.default)('add_info_box', {
16714
+ 'empty': !props.title && !props.description,
16715
+ 'title_empty': !props.title,
16716
+ 'description_empty': !props.description
16717
+ });
16718
+ }
16698
16719
 
16699
- function header(props) {
16700
- if (props.title) {
16701
- return React.createElement(
16702
- 'h3',
16703
- null,
16704
- props.title
16705
- );
16706
- }
16720
+ function header(props) {
16721
+ if (props.title) {
16722
+ return React.createElement(
16723
+ 'h3',
16724
+ null,
16725
+ props.title
16726
+ );
16707
16727
  }
16708
- };
16728
+ }
16709
16729
 
16710
- var _classnames = __webpack_require__(305);
16730
+ exports.default = (0, _withVisibilityWatching2.default)(InfoBox);
16711
16731
 
16712
- var _classnames2 = _interopRequireDefault(_classnames);
16732
+ /***/ },
16733
+ /* 411 */
16734
+ /***/ function(module, exports, __webpack_require__) {
16735
+
16736
+ 'use strict';
16737
+
16738
+ Object.defineProperty(exports, "__esModule", {
16739
+ value: true
16740
+ });
16741
+
16742
+ 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; }; }();
16743
+
16744
+ exports.default = withVisibilityWatching;
16745
+
16746
+ var _react = __webpack_require__(304);
16747
+
16748
+ var _react2 = _interopRequireDefault(_react);
16749
+
16750
+ var _reactDom = __webpack_require__(392);
16751
+
16752
+ var _reactDom2 = _interopRequireDefault(_reactDom);
16713
16753
 
16714
16754
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16715
16755
 
16756
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16757
+
16758
+ 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; }
16759
+
16760
+ 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; }
16761
+
16762
+ function withVisibilityWatching(Component) {
16763
+ return function (_React$Component) {
16764
+ _inherits(VisibilityWatcher, _React$Component);
16765
+
16766
+ function VisibilityWatcher(props) {
16767
+ _classCallCheck(this, VisibilityWatcher);
16768
+
16769
+ var _this = _possibleConstructorReturn(this, (VisibilityWatcher.__proto__ || Object.getPrototypeOf(VisibilityWatcher)).call(this, props));
16770
+
16771
+ _this.checkVisibility = function () {
16772
+ var style = window.getComputedStyle(_this.element);
16773
+
16774
+ if (_this.lastVisibility != style.visibility) {
16775
+ if (style.visibility == 'visible' && style.display != 'none') {
16776
+ if (_this.props.onVisible) {
16777
+ _this.props.onVisible();
16778
+ }
16779
+ } else {
16780
+ if (_this.props.onHidden) {
16781
+ _this.props.onHidden();
16782
+ }
16783
+ }
16784
+ }
16785
+
16786
+ _this.lastVisibility = style.visibility;
16787
+ };
16788
+ return _this;
16789
+ }
16790
+
16791
+ _createClass(VisibilityWatcher, [{
16792
+ key: 'componentDidMount',
16793
+ value: function componentDidMount() {
16794
+ this.element = _reactDom2.default.findDOMNode(this);
16795
+ this.updateInterval();
16796
+ }
16797
+ }, {
16798
+ key: 'componentDidUpdate',
16799
+ value: function componentDidUpdate() {
16800
+ this.updateInterval();
16801
+ }
16802
+ }, {
16803
+ key: 'componentWillUnmount',
16804
+ value: function componentWillUnmount() {
16805
+ clearInterval(this.interval);
16806
+ this.interval = null;
16807
+ this.element = null;
16808
+ }
16809
+ }, {
16810
+ key: 'updateInterval',
16811
+ value: function updateInterval() {
16812
+ if (this.props.watchVisibility && !this.interval) {
16813
+ this.interval = setInterval(this.checkVisibility, 50);
16814
+ } else if (!this.props.watchVisibility && this.interval) {
16815
+ clearInterval(this.interval);
16816
+ this.interval = null;
16817
+ }
16818
+ }
16819
+ }, {
16820
+ key: 'render',
16821
+ value: function render() {
16822
+ return _react2.default.createElement(Component, this.props);
16823
+ }
16824
+ }]);
16825
+
16826
+ return VisibilityWatcher;
16827
+ }(_react2.default.Component);
16828
+ }
16829
+
16716
16830
  /***/ },
16717
- /* 411 */
16831
+ /* 412 */
16718
16832
  /***/ function(module, exports, __webpack_require__) {
16719
16833
 
16720
16834
  'use strict';
@@ -16744,7 +16858,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16744
16858
  }
16745
16859
 
16746
16860
  /***/ },
16747
- /* 412 */
16861
+ /* 413 */
16748
16862
  /***/ function(module, exports, __webpack_require__) {
16749
16863
 
16750
16864
  "use strict";
@@ -16761,14 +16875,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16761
16875
  );
16762
16876
  };
16763
16877
 
16764
- var _Icon = __webpack_require__(413);
16878
+ var _Icon = __webpack_require__(414);
16765
16879
 
16766
16880
  var _Icon2 = _interopRequireDefault(_Icon);
16767
16881
 
16768
16882
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16769
16883
 
16770
16884
  /***/ },
16771
- /* 413 */
16885
+ /* 414 */
16772
16886
  /***/ function(module, exports, __webpack_require__) {
16773
16887
 
16774
16888
  'use strict';
@@ -16782,7 +16896,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16782
16896
 
16783
16897
  var _react2 = _interopRequireDefault(_react);
16784
16898
 
16785
- var _mapping = __webpack_require__(414);
16899
+ var _mapping = __webpack_require__(415);
16786
16900
 
16787
16901
  var _mapping2 = _interopRequireDefault(_mapping);
16788
16902
 
@@ -16813,7 +16927,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16813
16927
  };
16814
16928
 
16815
16929
  /***/ },
16816
- /* 414 */
16930
+ /* 415 */
16817
16931
  /***/ function(module, exports, __webpack_require__) {
16818
16932
 
16819
16933
  'use strict';
@@ -16822,7 +16936,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16822
16936
  value: true
16823
16937
  });
16824
16938
 
16825
- var _icons = __webpack_require__(415);
16939
+ var _icons = __webpack_require__(416);
16826
16940
 
16827
16941
  var _icons2 = _interopRequireDefault(_icons);
16828
16942
 
@@ -16854,7 +16968,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16854
16968
  };
16855
16969
 
16856
16970
  /***/ },
16857
- /* 415 */
16971
+ /* 416 */
16858
16972
  /***/ function(module, exports, __webpack_require__) {
16859
16973
 
16860
16974
  'use strict';
@@ -16863,23 +16977,23 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16863
16977
  value: true
16864
16978
  });
16865
16979
 
16866
- var _Checkmark = __webpack_require__(416);
16980
+ var _Checkmark = __webpack_require__(417);
16867
16981
 
16868
16982
  var _Checkmark2 = _interopRequireDefault(_Checkmark);
16869
16983
 
16870
- var _CircleWithNotch = __webpack_require__(418);
16984
+ var _CircleWithNotch = __webpack_require__(419);
16871
16985
 
16872
16986
  var _CircleWithNotch2 = _interopRequireDefault(_CircleWithNotch);
16873
16987
 
16874
- var _Disk = __webpack_require__(419);
16988
+ var _Disk = __webpack_require__(420);
16875
16989
 
16876
16990
  var _Disk2 = _interopRequireDefault(_Disk);
16877
16991
 
16878
- var _Gear = __webpack_require__(420);
16992
+ var _Gear = __webpack_require__(421);
16879
16993
 
16880
16994
  var _Gear2 = _interopRequireDefault(_Gear);
16881
16995
 
16882
- var _Subtitles = __webpack_require__(421);
16996
+ var _Subtitles = __webpack_require__(422);
16883
16997
 
16884
16998
  var _Subtitles2 = _interopRequireDefault(_Subtitles);
16885
16999
 
@@ -16894,7 +17008,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16894
17008
  };
16895
17009
 
16896
17010
  /***/ },
16897
- /* 416 */
17011
+ /* 417 */
16898
17012
  /***/ function(module, exports, __webpack_require__) {
16899
17013
 
16900
17014
  "use strict";
@@ -16913,14 +17027,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16913
17027
  );
16914
17028
  };
16915
17029
 
16916
- var _Container = __webpack_require__(417);
17030
+ var _Container = __webpack_require__(418);
16917
17031
 
16918
17032
  var _Container2 = _interopRequireDefault(_Container);
16919
17033
 
16920
17034
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16921
17035
 
16922
17036
  /***/ },
16923
- /* 417 */
17037
+ /* 418 */
16924
17038
  /***/ function(module, exports, __webpack_require__) {
16925
17039
 
16926
17040
  "use strict";
@@ -16997,7 +17111,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
16997
17111
  exports.default = Container;
16998
17112
 
16999
17113
  /***/ },
17000
- /* 418 */
17114
+ /* 419 */
17001
17115
  /***/ function(module, exports, __webpack_require__) {
17002
17116
 
17003
17117
  "use strict";
@@ -17016,14 +17130,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
17016
17130
  );
17017
17131
  };
17018
17132
 
17019
- var _Container = __webpack_require__(417);
17133
+ var _Container = __webpack_require__(418);
17020
17134
 
17021
17135
  var _Container2 = _interopRequireDefault(_Container);
17022
17136
 
17023
17137
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17024
17138
 
17025
17139
  /***/ },
17026
- /* 419 */
17140
+ /* 420 */
17027
17141
  /***/ function(module, exports, __webpack_require__) {
17028
17142
 
17029
17143
  "use strict";
@@ -17042,14 +17156,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
17042
17156
  );
17043
17157
  };
17044
17158
 
17045
- var _Container = __webpack_require__(417);
17159
+ var _Container = __webpack_require__(418);
17046
17160
 
17047
17161
  var _Container2 = _interopRequireDefault(_Container);
17048
17162
 
17049
17163
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17050
17164
 
17051
17165
  /***/ },
17052
- /* 420 */
17166
+ /* 421 */
17053
17167
  /***/ function(module, exports, __webpack_require__) {
17054
17168
 
17055
17169
  "use strict";
@@ -17074,14 +17188,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
17074
17188
  ;
17075
17189
  };
17076
17190
 
17077
- var _Container = __webpack_require__(417);
17191
+ var _Container = __webpack_require__(418);
17078
17192
 
17079
17193
  var _Container2 = _interopRequireDefault(_Container);
17080
17194
 
17081
17195
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17082
17196
 
17083
17197
  /***/ },
17084
- /* 421 */
17198
+ /* 422 */
17085
17199
  /***/ function(module, exports, __webpack_require__) {
17086
17200
 
17087
17201
  "use strict";
@@ -17101,14 +17215,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
17101
17215
  );
17102
17216
  };
17103
17217
 
17104
- var _Container = __webpack_require__(417);
17218
+ var _Container = __webpack_require__(418);
17105
17219
 
17106
17220
  var _Container2 = _interopRequireDefault(_Container);
17107
17221
 
17108
17222
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17109
17223
 
17110
17224
  /***/ },
17111
- /* 422 */
17225
+ /* 423 */
17112
17226
  /***/ function(module, exports, __webpack_require__) {
17113
17227
 
17114
17228
  'use strict';
@@ -17121,11 +17235,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
17121
17235
 
17122
17236
  var _classnames2 = _interopRequireDefault(_classnames);
17123
17237
 
17124
- var _Icon = __webpack_require__(413);
17238
+ var _Icon = __webpack_require__(414);
17125
17239
 
17126
17240
  var _Icon2 = _interopRequireDefault(_Icon);
17127
17241
 
17128
- var _pageSkipLinkTarget = __webpack_require__(423);
17242
+ var _pageSkipLinkTarget = __webpack_require__(424);
17129
17243
 
17130
17244
  var _pageSkipLinkTarget2 = _interopRequireDefault(_pageSkipLinkTarget);
17131
17245
 
@@ -17170,7 +17284,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
17170
17284
  }
17171
17285
 
17172
17286
  /***/ },
17173
- /* 423 */
17287
+ /* 424 */
17174
17288
  /***/ function(module, exports, __webpack_require__) {
17175
17289
 
17176
17290
  'use strict';
@@ -17194,7 +17308,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
17194
17308
  var _utils = __webpack_require__(380);
17195
17309
 
17196
17310
  /***/ },
17197
- /* 424 */
17311
+ /* 425 */
17198
17312
  /***/ function(module, exports, __webpack_require__) {
17199
17313
 
17200
17314
  "use strict";
@@ -17207,14 +17321,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
17207
17321
  return React.createElement(_TimeDisplay2.default, { className: "vjs-current-time", value: props.currentTime });
17208
17322
  };
17209
17323
 
17210
- var _TimeDisplay = __webpack_require__(425);
17324
+ var _TimeDisplay = __webpack_require__(426);
17211
17325
 
17212
17326
  var _TimeDisplay2 = _interopRequireDefault(_TimeDisplay);
17213
17327
 
17214
17328
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17215
17329
 
17216
17330
  /***/ },
17217
- /* 425 */
17331
+ /* 426 */
17218
17332
  /***/ function(module, exports, __webpack_require__) {
17219
17333
 
17220
17334
  'use strict';
@@ -17259,7 +17373,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
17259
17373
  }
17260
17374
 
17261
17375
  /***/ },
17262
- /* 426 */
17376
+ /* 427 */
17263
17377
  /***/ function(module, exports) {
17264
17378
 
17265
17379
  "use strict";
@@ -17277,7 +17391,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
17277
17391
  };
17278
17392
 
17279
17393
  /***/ },
17280
- /* 427 */
17394
+ /* 428 */
17281
17395
  /***/ function(module, exports, __webpack_require__) {
17282
17396
 
17283
17397
  "use strict";
@@ -17290,14 +17404,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
17290
17404
  return React.createElement(_TimeDisplay2.default, { className: "vjs-duration", value: props.duration });
17291
17405
  };
17292
17406
 
17293
- var _TimeDisplay = __webpack_require__(425);
17407
+ var _TimeDisplay = __webpack_require__(426);
17294
17408
 
17295
17409
  var _TimeDisplay2 = _interopRequireDefault(_TimeDisplay);
17296
17410
 
17297
17411
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17298
17412
 
17299
17413
  /***/ },
17300
- /* 428 */
17414
+ /* 429 */
17301
17415
  /***/ function(module, exports, __webpack_require__) {
17302
17416
 
17303
17417
  'use strict';
@@ -17312,13 +17426,13 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
17312
17426
 
17313
17427
  var _react2 = _interopRequireDefault(_react);
17314
17428
 
17315
- var _reactDraggable = __webpack_require__(429);
17429
+ var _reactDraggable = __webpack_require__(430);
17316
17430
 
17317
- var _reactMeasure = __webpack_require__(430);
17431
+ var _reactMeasure = __webpack_require__(431);
17318
17432
 
17319
17433
  var _reactMeasure2 = _interopRequireDefault(_reactMeasure);
17320
17434
 
17321
- var _keyCodes = __webpack_require__(436);
17435
+ var _keyCodes = __webpack_require__(437);
17322
17436
 
17323
17437
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17324
17438
 
@@ -17460,7 +17574,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
17460
17574
  }
17461
17575
 
17462
17576
  /***/ },
17463
- /* 429 */
17577
+ /* 430 */
17464
17578
  /***/ function(module, exports, __webpack_require__) {
17465
17579
 
17466
17580
  (function webpackUniversalModuleDefinition(root, factory) {
@@ -19072,7 +19186,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
19072
19186
  //# sourceMappingURL=react-draggable.js.map
19073
19187
 
19074
19188
  /***/ },
19075
- /* 430 */
19189
+ /* 431 */
19076
19190
  /***/ function(module, exports, __webpack_require__) {
19077
19191
 
19078
19192
  'use strict';
@@ -19082,7 +19196,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
19082
19196
  });
19083
19197
  exports.default = undefined;
19084
19198
 
19085
- var _Measure = __webpack_require__(431);
19199
+ var _Measure = __webpack_require__(432);
19086
19200
 
19087
19201
  var _Measure2 = _interopRequireDefault(_Measure);
19088
19202
 
@@ -19092,7 +19206,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
19092
19206
  module.exports = exports['default'];
19093
19207
 
19094
19208
  /***/ },
19095
- /* 431 */
19209
+ /* 432 */
19096
19210
  /***/ function(module, exports, __webpack_require__) {
19097
19211
 
19098
19212
  'use strict';
@@ -19113,11 +19227,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
19113
19227
 
19114
19228
  var _reactDom2 = _interopRequireDefault(_reactDom);
19115
19229
 
19116
- var _resizeObserverPolyfill = __webpack_require__(432);
19230
+ var _resizeObserverPolyfill = __webpack_require__(433);
19117
19231
 
19118
19232
  var _resizeObserverPolyfill2 = _interopRequireDefault(_resizeObserverPolyfill);
19119
19233
 
19120
- var _getNodeDimensions = __webpack_require__(433);
19234
+ var _getNodeDimensions = __webpack_require__(434);
19121
19235
 
19122
19236
  var _getNodeDimensions2 = _interopRequireDefault(_getNodeDimensions);
19123
19237
 
@@ -19287,7 +19401,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
19287
19401
  module.exports = exports['default'];
19288
19402
 
19289
19403
  /***/ },
19290
- /* 432 */
19404
+ /* 433 */
19291
19405
  /***/ function(module, exports, __webpack_require__) {
19292
19406
 
19293
19407
  /* WEBPACK VAR INJECTION */(function(global) {(function (global, factory) {
@@ -20485,7 +20599,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
20485
20599
  /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
20486
20600
 
20487
20601
  /***/ },
20488
- /* 433 */
20602
+ /* 434 */
20489
20603
  /***/ function(module, exports, __webpack_require__) {
20490
20604
 
20491
20605
  'use strict';
@@ -20497,11 +20611,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
20497
20611
 
20498
20612
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
20499
20613
 
20500
- var _getCloneDimensions = __webpack_require__(434);
20614
+ var _getCloneDimensions = __webpack_require__(435);
20501
20615
 
20502
20616
  var _getCloneDimensions2 = _interopRequireDefault(_getCloneDimensions);
20503
20617
 
20504
- var _getMargin = __webpack_require__(435);
20618
+ var _getMargin = __webpack_require__(436);
20505
20619
 
20506
20620
  var _getMargin2 = _interopRequireDefault(_getMargin);
20507
20621
 
@@ -20546,7 +20660,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
20546
20660
  module.exports = exports['default'];
20547
20661
 
20548
20662
  /***/ },
20549
- /* 434 */
20663
+ /* 435 */
20550
20664
  /***/ function(module, exports, __webpack_require__) {
20551
20665
 
20552
20666
  'use strict';
@@ -20558,7 +20672,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
20558
20672
 
20559
20673
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
20560
20674
 
20561
- var _getMargin = __webpack_require__(435);
20675
+ var _getMargin = __webpack_require__(436);
20562
20676
 
20563
20677
  var _getMargin2 = _interopRequireDefault(_getMargin);
20564
20678
 
@@ -20624,7 +20738,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
20624
20738
  module.exports = exports['default'];
20625
20739
 
20626
20740
  /***/ },
20627
- /* 435 */
20741
+ /* 436 */
20628
20742
  /***/ function(module, exports) {
20629
20743
 
20630
20744
  "use strict";
@@ -20649,7 +20763,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
20649
20763
  module.exports = exports["default"];
20650
20764
 
20651
20765
  /***/ },
20652
- /* 436 */
20766
+ /* 437 */
20653
20767
  /***/ function(module, exports) {
20654
20768
 
20655
20769
  "use strict";
@@ -20664,7 +20778,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
20664
20778
  var TAB = exports.TAB = 9;
20665
20779
 
20666
20780
  /***/ },
20667
- /* 437 */
20781
+ /* 438 */
20668
20782
  /***/ function(module, exports, __webpack_require__) {
20669
20783
 
20670
20784
  'use strict';
@@ -20678,15 +20792,15 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
20678
20792
 
20679
20793
  var _classnames2 = _interopRequireDefault(_classnames);
20680
20794
 
20681
- var _QualityMenu = __webpack_require__(438);
20795
+ var _QualityMenu = __webpack_require__(439);
20682
20796
 
20683
20797
  var _QualityMenu2 = _interopRequireDefault(_QualityMenu);
20684
20798
 
20685
- var _TextTracksMenu = __webpack_require__(440);
20799
+ var _TextTracksMenu = __webpack_require__(441);
20686
20800
 
20687
20801
  var _TextTracksMenu2 = _interopRequireDefault(_TextTracksMenu);
20688
20802
 
20689
- var _MenuBarButton = __webpack_require__(439);
20803
+ var _MenuBarButton = __webpack_require__(440);
20690
20804
 
20691
20805
  var _MenuBarButton2 = _interopRequireDefault(_MenuBarButton);
20692
20806
 
@@ -20754,7 +20868,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
20754
20868
  }
20755
20869
 
20756
20870
  /***/ },
20757
- /* 438 */
20871
+ /* 439 */
20758
20872
  /***/ function(module, exports, __webpack_require__) {
20759
20873
 
20760
20874
  "use strict";
@@ -20764,7 +20878,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
20764
20878
  });
20765
20879
  exports.default = QualityMenu;
20766
20880
 
20767
- var _MenuBarButton = __webpack_require__(439);
20881
+ var _MenuBarButton = __webpack_require__(440);
20768
20882
 
20769
20883
  var _MenuBarButton2 = _interopRequireDefault(_MenuBarButton);
20770
20884
 
@@ -20793,7 +20907,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
20793
20907
  };
20794
20908
 
20795
20909
  /***/ },
20796
- /* 439 */
20910
+ /* 440 */
20797
20911
  /***/ function(module, exports, __webpack_require__) {
20798
20912
 
20799
20913
  'use strict';
@@ -20808,7 +20922,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
20808
20922
 
20809
20923
  var _classnames2 = _interopRequireDefault(_classnames);
20810
20924
 
20811
- var _Icon = __webpack_require__(413);
20925
+ var _Icon = __webpack_require__(414);
20812
20926
 
20813
20927
  var _Icon2 = _interopRequireDefault(_Icon);
20814
20928
 
@@ -21001,7 +21115,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21001
21115
  }
21002
21116
 
21003
21117
  /***/ },
21004
- /* 440 */
21118
+ /* 441 */
21005
21119
  /***/ function(module, exports, __webpack_require__) {
21006
21120
 
21007
21121
  "use strict";
@@ -21011,7 +21125,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21011
21125
  });
21012
21126
  exports.default = TextTracksMenu;
21013
21127
 
21014
- var _MenuBarButton = __webpack_require__(439);
21128
+ var _MenuBarButton = __webpack_require__(440);
21015
21129
 
21016
21130
  var _MenuBarButton2 = _interopRequireDefault(_MenuBarButton);
21017
21131
 
@@ -21040,7 +21154,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21040
21154
  };
21041
21155
 
21042
21156
  /***/ },
21043
- /* 441 */
21157
+ /* 442 */
21044
21158
  /***/ function(module, exports) {
21045
21159
 
21046
21160
  "use strict";
@@ -21065,7 +21179,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21065
21179
  };
21066
21180
 
21067
21181
  /***/ },
21068
- /* 442 */
21182
+ /* 443 */
21069
21183
  /***/ function(module, exports) {
21070
21184
 
21071
21185
  "use strict";
@@ -21085,7 +21199,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21085
21199
  };
21086
21200
 
21087
21201
  /***/ },
21088
- /* 443 */
21202
+ /* 444 */
21089
21203
  /***/ function(module, exports, __webpack_require__) {
21090
21204
 
21091
21205
  'use strict';
@@ -21097,11 +21211,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21097
21211
 
21098
21212
  var _selectors = __webpack_require__(337);
21099
21213
 
21100
- var _selectors2 = __webpack_require__(444);
21214
+ var _selectors2 = __webpack_require__(445);
21101
21215
 
21102
- var _selectors3 = __webpack_require__(447);
21216
+ var _selectors3 = __webpack_require__(448);
21103
21217
 
21104
- var _selectors4 = __webpack_require__(448);
21218
+ var _selectors4 = __webpack_require__(449);
21105
21219
 
21106
21220
  var _selectors5 = __webpack_require__(405);
21107
21221
 
@@ -21119,7 +21233,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21119
21233
  exports.prop = _selectors6.prop;
21120
21234
 
21121
21235
  /***/ },
21122
- /* 444 */
21236
+ /* 445 */
21123
21237
  /***/ function(module, exports, __webpack_require__) {
21124
21238
 
21125
21239
  'use strict';
@@ -21132,9 +21246,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21132
21246
 
21133
21247
  var _selectors = __webpack_require__(337);
21134
21248
 
21135
- var _selectors2 = __webpack_require__(445);
21249
+ var _selectors2 = __webpack_require__(446);
21136
21250
 
21137
- var _selectors3 = __webpack_require__(446);
21251
+ var _selectors3 = __webpack_require__(447);
21138
21252
 
21139
21253
  function currentParentChapterAttributes() {
21140
21254
  return function (state, props) {
@@ -21169,7 +21283,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21169
21283
  }
21170
21284
 
21171
21285
  /***/ },
21172
- /* 445 */
21286
+ /* 446 */
21173
21287
  /***/ function(module, exports, __webpack_require__) {
21174
21288
 
21175
21289
  'use strict';
@@ -21195,7 +21309,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21195
21309
  var chapterAttributes = exports.chapterAttributes = selector;
21196
21310
 
21197
21311
  /***/ },
21198
- /* 446 */
21312
+ /* 447 */
21199
21313
  /***/ function(module, exports, __webpack_require__) {
21200
21314
 
21201
21315
  'use strict';
@@ -21219,7 +21333,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21219
21333
  }
21220
21334
 
21221
21335
  /***/ },
21222
- /* 447 */
21336
+ /* 448 */
21223
21337
  /***/ function(module, exports, __webpack_require__) {
21224
21338
 
21225
21339
  'use strict';
@@ -21246,7 +21360,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21246
21360
  }
21247
21361
 
21248
21362
  /***/ },
21249
- /* 448 */
21363
+ /* 449 */
21250
21364
  /***/ function(module, exports) {
21251
21365
 
21252
21366
  "use strict";
@@ -21264,7 +21378,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21264
21378
  }
21265
21379
 
21266
21380
  /***/ },
21267
- /* 449 */
21381
+ /* 450 */
21268
21382
  /***/ function(module, exports, __webpack_require__) {
21269
21383
 
21270
21384
  'use strict';
@@ -21275,39 +21389,39 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21275
21389
  exports.PageBackground = exports.PageBackgroundAsset = exports.PageBackgroundVideo = exports.PagePrintImage = exports.MobilePageVideoPoster = exports.PageVideoPlayer = exports.Page = exports.pageBackgroundReduxModule = undefined;
21276
21390
  exports.reduxModule = reduxModule;
21277
21391
 
21278
- var _Page = __webpack_require__(450);
21392
+ var _Page = __webpack_require__(451);
21279
21393
 
21280
21394
  var _Page2 = _interopRequireDefault(_Page);
21281
21395
 
21282
- var _PageVideoPlayer = __webpack_require__(457);
21396
+ var _PageVideoPlayer = __webpack_require__(458);
21283
21397
 
21284
21398
  var _PageVideoPlayer2 = _interopRequireDefault(_PageVideoPlayer);
21285
21399
 
21286
- var _MobilePageVideoPoster = __webpack_require__(470);
21400
+ var _MobilePageVideoPoster = __webpack_require__(472);
21287
21401
 
21288
21402
  var _MobilePageVideoPoster2 = _interopRequireDefault(_MobilePageVideoPoster);
21289
21403
 
21290
- var _PageBackgroundVideo = __webpack_require__(471);
21404
+ var _PageBackgroundVideo = __webpack_require__(473);
21291
21405
 
21292
21406
  var _PageBackgroundVideo2 = _interopRequireDefault(_PageBackgroundVideo);
21293
21407
 
21294
- var _PageBackgroundAsset = __webpack_require__(472);
21408
+ var _PageBackgroundAsset = __webpack_require__(474);
21295
21409
 
21296
21410
  var _PageBackgroundAsset2 = _interopRequireDefault(_PageBackgroundAsset);
21297
21411
 
21298
- var _PageBackground = __webpack_require__(473);
21412
+ var _PageBackground = __webpack_require__(475);
21299
21413
 
21300
21414
  var _PageBackground2 = _interopRequireDefault(_PageBackground);
21301
21415
 
21302
- var _PagePrintImage = __webpack_require__(474);
21416
+ var _PagePrintImage = __webpack_require__(476);
21303
21417
 
21304
21418
  var _PagePrintImage2 = _interopRequireDefault(_PagePrintImage);
21305
21419
 
21306
- var _createReducer = __webpack_require__(475);
21420
+ var _createReducer = __webpack_require__(477);
21307
21421
 
21308
21422
  var _createReducer2 = _interopRequireDefault(_createReducer);
21309
21423
 
21310
- var _sagas = __webpack_require__(477);
21424
+ var _sagas = __webpack_require__(479);
21311
21425
 
21312
21426
  var _sagas2 = _interopRequireDefault(_sagas);
21313
21427
 
@@ -21315,7 +21429,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21315
21429
 
21316
21430
  var _fadeInWhenPageWillActivate2 = _interopRequireDefault(_fadeInWhenPageWillActivate);
21317
21431
 
21318
- var _fadeOutWhenPageWillDeactivate = __webpack_require__(483);
21432
+ var _fadeOutWhenPageWillDeactivate = __webpack_require__(485);
21319
21433
 
21320
21434
  var _fadeOutWhenPageWillDeactivate2 = _interopRequireDefault(_fadeOutWhenPageWillDeactivate);
21321
21435
 
@@ -21376,7 +21490,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21376
21490
  exports.PageBackground = _PageBackground2.default;
21377
21491
 
21378
21492
  /***/ },
21379
- /* 450 */
21493
+ /* 451 */
21380
21494
  /***/ function(module, exports, __webpack_require__) {
21381
21495
 
21382
21496
  'use strict';
@@ -21388,17 +21502,17 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21388
21502
 
21389
21503
  var _components = __webpack_require__(302);
21390
21504
 
21391
- var _media = __webpack_require__(449);
21505
+ var _media = __webpack_require__(450);
21392
21506
 
21393
- var _PlayerControls = __webpack_require__(451);
21507
+ var _PlayerControls = __webpack_require__(452);
21394
21508
 
21395
21509
  var _PlayerControls2 = _interopRequireDefault(_PlayerControls);
21396
21510
 
21397
- var _NonJsLinks = __webpack_require__(455);
21511
+ var _NonJsLinks = __webpack_require__(456);
21398
21512
 
21399
21513
  var _NonJsLinks2 = _interopRequireDefault(_NonJsLinks);
21400
21514
 
21401
- var _playerStateClassNames = __webpack_require__(452);
21515
+ var _playerStateClassNames = __webpack_require__(453);
21402
21516
 
21403
21517
  var _playerStateClassNames2 = _interopRequireDefault(_playerStateClassNames);
21404
21518
 
@@ -21406,7 +21520,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21406
21520
 
21407
21521
  var _selectors = __webpack_require__(402);
21408
21522
 
21409
- var _selectors2 = __webpack_require__(453);
21523
+ var _selectors2 = __webpack_require__(454);
21410
21524
 
21411
21525
  var _classnames = __webpack_require__(305);
21412
21526
 
@@ -21488,7 +21602,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21488
21602
  }
21489
21603
 
21490
21604
  /***/ },
21491
- /* 451 */
21605
+ /* 452 */
21492
21606
  /***/ function(module, exports, __webpack_require__) {
21493
21607
 
21494
21608
  'use strict';
@@ -21501,7 +21615,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21501
21615
 
21502
21616
  exports.MediaPlayerControls = MediaPlayerControls;
21503
21617
 
21504
- var _playerStateClassNames = __webpack_require__(452);
21618
+ var _playerStateClassNames = __webpack_require__(453);
21505
21619
 
21506
21620
  var _playerStateClassNames2 = _interopRequireDefault(_playerStateClassNames);
21507
21621
 
@@ -21511,11 +21625,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21511
21625
 
21512
21626
  var _utils = __webpack_require__(380);
21513
21627
 
21514
- var _selectors = __webpack_require__(453);
21628
+ var _selectors = __webpack_require__(454);
21515
21629
 
21516
- var _selectors2 = __webpack_require__(447);
21630
+ var _selectors2 = __webpack_require__(448);
21517
21631
 
21518
- var _actions = __webpack_require__(454);
21632
+ var _actions = __webpack_require__(455);
21519
21633
 
21520
21634
  var _react = __webpack_require__(304);
21521
21635
 
@@ -21563,6 +21677,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21563
21677
  onFocus: actions.focusEnteredControls,
21564
21678
  onBlur: actions.focusLeftControls,
21565
21679
 
21680
+ watchVisibility: playerState.isPlaying,
21681
+ onHidden: actions.controlsHidden,
21682
+ onInfoBoxVisible: actions.infoBoxVisible,
21683
+ onInfoBoxHidden: actions.infoBoxHidden,
21684
+
21566
21685
  qualityMenuItems: qualityMenuItems(props.qualities, props.file, props.activeQuality, props.t),
21567
21686
 
21568
21687
  qualityMenuButtonTitle: props.t('pageflow.public.media_quality'),
@@ -21649,7 +21768,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21649
21768
  }
21650
21769
 
21651
21770
  /***/ },
21652
- /* 452 */
21771
+ /* 453 */
21653
21772
  /***/ function(module, exports, __webpack_require__) {
21654
21773
 
21655
21774
  'use strict';
@@ -21673,7 +21792,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21673
21792
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21674
21793
 
21675
21794
  /***/ },
21676
- /* 453 */
21795
+ /* 454 */
21677
21796
  /***/ function(module, exports, __webpack_require__) {
21678
21797
 
21679
21798
  'use strict';
@@ -21689,15 +21808,15 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21689
21808
  exports.textTracks = textTracks;
21690
21809
  exports.videoQualitySetting = videoQualitySetting;
21691
21810
 
21692
- var _actions = __webpack_require__(454);
21811
+ var _actions = __webpack_require__(455);
21693
21812
 
21694
21813
  var _selectors = __webpack_require__(405);
21695
21814
 
21696
21815
  var _selectors2 = __webpack_require__(337);
21697
21816
 
21698
- var _selectors3 = __webpack_require__(448);
21817
+ var _selectors3 = __webpack_require__(449);
21699
21818
 
21700
- var _selectors4 = __webpack_require__(447);
21819
+ var _selectors4 = __webpack_require__(448);
21701
21820
 
21702
21821
  var _utils = __webpack_require__(380);
21703
21822
 
@@ -21796,7 +21915,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21796
21915
  }
21797
21916
 
21798
21917
  /***/ },
21799
- /* 454 */
21918
+ /* 455 */
21800
21919
  /***/ function(module, exports, __webpack_require__) {
21801
21920
 
21802
21921
  'use strict';
@@ -21804,7 +21923,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21804
21923
  Object.defineProperty(exports, "__esModule", {
21805
21924
  value: true
21806
21925
  });
21807
- exports.CONTROLS_HIDDEN = exports.FOCUS_LEFT_CONTROLS = exports.FOCUS_ENTERED_CONTROLS = exports.CONTROLS_LEFT = exports.CONTROLS_ENTERED = exports.USER_IDLE = exports.USER_INTERACTION = exports.HAS_NOT_BEEN_PLAYING_FOR_A_MOMENT = exports.WAITING = exports.SEEKED = exports.SEEKING = exports.ENDED = exports.TIME_UPDATE = exports.PAUSED = exports.PLAYING = exports.PROGRESS = exports.META_DATA_LOADED = exports.BUFFER_UNDERRUN_CONTINUE = exports.BUFFER_UNDERRUN = exports.ABORT_PREBUFFERING = exports.PREBUFFERED = exports.PREBUFFER = exports.SEEK_TO = exports.SCRUB_TO = exports.FADE_OUT_AND_PAUSE = exports.PAUSE = exports.PLAY_AND_FADE_IN = exports.PLAY = exports.TOGGLE_PLAYING = undefined;
21926
+ exports.INFO_BOX_HIDDEN = exports.INFO_BOX_VISIBLE = exports.CONTROLS_HIDDEN = exports.FOCUS_LEFT_CONTROLS = exports.FOCUS_ENTERED_CONTROLS = exports.CONTROLS_LEFT = exports.CONTROLS_ENTERED = exports.USER_IDLE = exports.USER_INTERACTION = exports.HAS_NOT_BEEN_PLAYING_FOR_A_MOMENT = exports.WAITING = exports.SEEKED = exports.SEEKING = exports.ENDED = exports.TIME_UPDATE = exports.PAUSED = exports.PLAYING = exports.PROGRESS = exports.META_DATA_LOADED = exports.BUFFER_UNDERRUN_CONTINUE = exports.BUFFER_UNDERRUN = exports.ABORT_PREBUFFERING = exports.PREBUFFERED = exports.PREBUFFER = exports.SEEK_TO = exports.SCRUB_TO = exports.FADE_OUT_AND_PAUSE = exports.PAUSE = exports.PLAY_AND_FADE_IN = exports.PLAY = exports.TOGGLE_PLAYING = undefined;
21808
21927
  exports.actionCreators = actionCreators;
21809
21928
  exports.updateTextTrackSettings = updateTextTrackSettings;
21810
21929
  exports.updateVideoQualitySetting = updateVideoQualitySetting;
@@ -21847,7 +21966,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21847
21966
  var CONTROLS_LEFT = exports.CONTROLS_LEFT = 'MEDIA_CONTROLS_LEFT';
21848
21967
  var FOCUS_ENTERED_CONTROLS = exports.FOCUS_ENTERED_CONTROLS = 'MEDIA_FOCUS_ENTERED_CONTROLS';
21849
21968
  var FOCUS_LEFT_CONTROLS = exports.FOCUS_LEFT_CONTROLS = 'MEDIA_FOCUS_LEFT_CONTROLS';
21969
+
21850
21970
  var CONTROLS_HIDDEN = exports.CONTROLS_HIDDEN = 'MEDIA_CONTROLS_HIDDEN';
21971
+ var INFO_BOX_VISIBLE = exports.INFO_BOX_VISIBLE = 'INFO_BOX_VISIBLE';
21972
+ var INFO_BOX_HIDDEN = exports.INFO_BOX_HIDDEN = 'INFO_BOX_HIDDEN';
21851
21973
 
21852
21974
  function actionCreators() {
21853
21975
  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -21967,6 +22089,12 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
21967
22089
  },
21968
22090
  controlsHidden: function controlsHidden() {
21969
22091
  return pageAction(CONTROLS_HIDDEN);
22092
+ },
22093
+ infoBoxVisible: function infoBoxVisible() {
22094
+ return pageAction(INFO_BOX_VISIBLE);
22095
+ },
22096
+ infoBoxHidden: function infoBoxHidden() {
22097
+ return pageAction(INFO_BOX_HIDDEN);
21970
22098
  }
21971
22099
  };
21972
22100
 
@@ -22002,7 +22130,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22002
22130
  }
22003
22131
 
22004
22132
  /***/ },
22005
- /* 455 */
22133
+ /* 456 */
22006
22134
  /***/ function(module, exports, __webpack_require__) {
22007
22135
 
22008
22136
  'use strict';
@@ -22014,9 +22142,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22014
22142
 
22015
22143
  var _utils = __webpack_require__(380);
22016
22144
 
22017
- var _selectors = __webpack_require__(447);
22145
+ var _selectors = __webpack_require__(448);
22018
22146
 
22019
- var _selectors2 = __webpack_require__(456);
22147
+ var _selectors2 = __webpack_require__(457);
22020
22148
 
22021
22149
  var _reactRedux = __webpack_require__(359);
22022
22150
 
@@ -22058,7 +22186,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22058
22186
  }))(NonJsLinks);
22059
22187
 
22060
22188
  /***/ },
22061
- /* 456 */
22189
+ /* 457 */
22062
22190
  /***/ function(module, exports) {
22063
22191
 
22064
22192
  "use strict";
@@ -22074,7 +22202,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22074
22202
  }
22075
22203
 
22076
22204
  /***/ },
22077
- /* 457 */
22205
+ /* 458 */
22078
22206
  /***/ function(module, exports, __webpack_require__) {
22079
22207
 
22080
22208
  'use strict';
@@ -22085,17 +22213,17 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22085
22213
  exports.VideoPlayer = undefined;
22086
22214
  exports.default = PageVideoPlayer;
22087
22215
 
22088
- var _VideoFilePlayer = __webpack_require__(458);
22216
+ var _VideoFilePlayer = __webpack_require__(459);
22089
22217
 
22090
22218
  var _VideoFilePlayer2 = _interopRequireDefault(_VideoFilePlayer);
22091
22219
 
22092
- var _createPageFilePlayer = __webpack_require__(469);
22220
+ var _createPageFilePlayer = __webpack_require__(471);
22093
22221
 
22094
22222
  var _createPageFilePlayer2 = _interopRequireDefault(_createPageFilePlayer);
22095
22223
 
22096
22224
  var _selectors = __webpack_require__(405);
22097
22225
 
22098
- var _selectors2 = __webpack_require__(443);
22226
+ var _selectors2 = __webpack_require__(444);
22099
22227
 
22100
22228
  var _utils = __webpack_require__(380);
22101
22229
 
@@ -22133,7 +22261,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22133
22261
  };
22134
22262
 
22135
22263
  /***/ },
22136
- /* 458 */
22264
+ /* 459 */
22137
22265
  /***/ function(module, exports, __webpack_require__) {
22138
22266
 
22139
22267
  'use strict';
@@ -22159,15 +22287,15 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22159
22287
  );
22160
22288
  };
22161
22289
 
22162
- var _createFilePlayer = __webpack_require__(459);
22290
+ var _createFilePlayer = __webpack_require__(460);
22163
22291
 
22164
22292
  var _createFilePlayer2 = _interopRequireDefault(_createFilePlayer);
22165
22293
 
22166
- var _Positioner = __webpack_require__(465);
22294
+ var _Positioner = __webpack_require__(467);
22167
22295
 
22168
22296
  var _Positioner2 = _interopRequireDefault(_Positioner);
22169
22297
 
22170
- var _sources = __webpack_require__(468);
22298
+ var _sources = __webpack_require__(470);
22171
22299
 
22172
22300
  var _sources2 = _interopRequireDefault(_sources);
22173
22301
 
@@ -22185,7 +22313,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22185
22313
  });
22186
22314
 
22187
22315
  /***/ },
22188
- /* 459 */
22316
+ /* 460 */
22189
22317
  /***/ function(module, exports, __webpack_require__) {
22190
22318
 
22191
22319
  'use strict';
@@ -22325,32 +22453,34 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22325
22453
  return result;
22326
22454
  };
22327
22455
 
22328
- var _MediaTag = __webpack_require__(460);
22456
+ var _MediaTag = __webpack_require__(461);
22329
22457
 
22330
22458
  var _MediaTag2 = _interopRequireDefault(_MediaTag);
22331
22459
 
22332
- var _createPageflowPlayer = __webpack_require__(461);
22460
+ var _createPageflowPlayer = __webpack_require__(462);
22333
22461
 
22334
22462
  var _createPageflowPlayer2 = _interopRequireDefault(_createPageflowPlayer);
22335
22463
 
22336
- var _watchPlayer = __webpack_require__(462);
22464
+ var _watchPlayer = __webpack_require__(463);
22337
22465
 
22338
22466
  var _watchPlayer2 = _interopRequireDefault(_watchPlayer);
22339
22467
 
22340
- var _actions = __webpack_require__(454);
22468
+ var _actions = __webpack_require__(455);
22341
22469
 
22342
- var _handlePlayerState = __webpack_require__(463);
22470
+ var _handlePlayerState = __webpack_require__(464);
22343
22471
 
22344
- var _textTracks = __webpack_require__(464);
22472
+ var _textTracks = __webpack_require__(465);
22345
22473
 
22346
- var _selectors = __webpack_require__(453);
22474
+ var _selectors = __webpack_require__(454);
22347
22475
 
22348
- var _selectors2 = __webpack_require__(448);
22476
+ var _selectors2 = __webpack_require__(449);
22349
22477
 
22350
- var _selectors3 = __webpack_require__(443);
22478
+ var _selectors3 = __webpack_require__(444);
22351
22479
 
22352
22480
  var _selectors4 = __webpack_require__(402);
22353
22481
 
22482
+ var _selectors5 = __webpack_require__(466);
22483
+
22354
22484
  var _react = __webpack_require__(304);
22355
22485
 
22356
22486
  var _react2 = _interopRequireDefault(_react);
@@ -22367,14 +22497,31 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22367
22497
 
22368
22498
  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; }
22369
22499
 
22500
+ var slimPlayerControlsPresent = (0, _selectors5.widgetPresent)('slimPlayerControls');
22501
+
22370
22502
  function textTrackPosition(state, _ref2) {
22371
22503
  var playerState = _ref2.playerState;
22372
22504
 
22373
- return playerState.controlsHidden ? 'auto' : 'top';
22505
+ if (slimPlayerControlsPresent(state)) {
22506
+ if (playerState.controlsHidden) {
22507
+ return 'auto';
22508
+ } else if (playerState.infoBoxHidden) {
22509
+ // `auto` and `auto.translated` are handled the same by the
22510
+ // logic that updates text track position. Passing two different
22511
+ // values ensures, that the text track position is actually
22512
+ // set. Otherwise text track position does not change, even
22513
+ // though the cue margins changed.
22514
+ return 'auto.translated';
22515
+ } else {
22516
+ return 'top';
22517
+ }
22518
+ } else {
22519
+ return playerState.controlsHidden ? 'auto' : 'top';
22520
+ }
22374
22521
  }
22375
22522
 
22376
22523
  /***/ },
22377
- /* 460 */
22524
+ /* 461 */
22378
22525
  /***/ function(module, exports, __webpack_require__) {
22379
22526
 
22380
22527
  'use strict';
@@ -22564,7 +22711,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22564
22711
  }
22565
22712
 
22566
22713
  /***/ },
22567
- /* 461 */
22714
+ /* 462 */
22568
22715
  /***/ function(module, exports) {
22569
22716
 
22570
22717
  'use strict';
@@ -22618,7 +22765,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22618
22765
  }
22619
22766
 
22620
22767
  /***/ },
22621
- /* 462 */
22768
+ /* 463 */
22622
22769
  /***/ function(module, exports) {
22623
22770
 
22624
22771
  'use strict';
@@ -22659,7 +22806,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22659
22806
  };
22660
22807
 
22661
22808
  /***/ },
22662
- /* 463 */
22809
+ /* 464 */
22663
22810
  /***/ function(module, exports) {
22664
22811
 
22665
22812
  'use strict';
@@ -22718,7 +22865,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22718
22865
  }
22719
22866
 
22720
22867
  /***/ },
22721
- /* 464 */
22868
+ /* 465 */
22722
22869
  /***/ function(module, exports) {
22723
22870
 
22724
22871
  'use strict';
@@ -22785,7 +22932,23 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22785
22932
  }
22786
22933
 
22787
22934
  /***/ },
22788
- /* 465 */
22935
+ /* 466 */
22936
+ /***/ function(module, exports) {
22937
+
22938
+ "use strict";
22939
+
22940
+ Object.defineProperty(exports, "__esModule", {
22941
+ value: true
22942
+ });
22943
+ exports.widgetPresent = widgetPresent;
22944
+ function widgetPresent(typeName) {
22945
+ return function (state) {
22946
+ return state.widgets[typeName];
22947
+ };
22948
+ }
22949
+
22950
+ /***/ },
22951
+ /* 467 */
22789
22952
  /***/ function(module, exports, __webpack_require__) {
22790
22953
 
22791
22954
  'use strict';
@@ -22798,11 +22961,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22798
22961
 
22799
22962
  exports.default = Positioner;
22800
22963
 
22801
- var _getDimensions = __webpack_require__(466);
22964
+ var _getDimensions = __webpack_require__(468);
22802
22965
 
22803
22966
  var _getDimensions2 = _interopRequireDefault(_getDimensions);
22804
22967
 
22805
- var _getCueOffsetClassName = __webpack_require__(467);
22968
+ var _getCueOffsetClassName = __webpack_require__(469);
22806
22969
 
22807
22970
  var _getCueOffsetClassName2 = _interopRequireDefault(_getCueOffsetClassName);
22808
22971
 
@@ -22810,7 +22973,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22810
22973
 
22811
22974
  var _react2 = _interopRequireDefault(_react);
22812
22975
 
22813
- var _reactMeasure = __webpack_require__(430);
22976
+ var _reactMeasure = __webpack_require__(431);
22814
22977
 
22815
22978
  var _reactMeasure2 = _interopRequireDefault(_reactMeasure);
22816
22979
 
@@ -22853,7 +23016,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22853
23016
  }
22854
23017
 
22855
23018
  /***/ },
22856
- /* 466 */
23019
+ /* 468 */
22857
23020
  /***/ function(module, exports) {
22858
23021
 
22859
23022
  'use strict';
@@ -22907,7 +23070,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22907
23070
  };
22908
23071
 
22909
23072
  /***/ },
22910
- /* 467 */
23073
+ /* 469 */
22911
23074
  /***/ function(module, exports) {
22912
23075
 
22913
23076
  'use strict';
@@ -22930,7 +23093,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22930
23093
  }
22931
23094
 
22932
23095
  /***/ },
22933
- /* 468 */
23096
+ /* 470 */
22934
23097
  /***/ function(module, exports) {
22935
23098
 
22936
23099
  'use strict';
@@ -22977,7 +23140,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
22977
23140
  };
22978
23141
 
22979
23142
  /***/ },
22980
- /* 469 */
23143
+ /* 471 */
22981
23144
  /***/ function(module, exports, __webpack_require__) {
22982
23145
 
22983
23146
  'use strict';
@@ -23020,7 +23183,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23020
23183
  var _utils = __webpack_require__(380);
23021
23184
 
23022
23185
  /***/ },
23023
- /* 470 */
23186
+ /* 472 */
23024
23187
  /***/ function(module, exports, __webpack_require__) {
23025
23188
 
23026
23189
  'use strict';
@@ -23074,7 +23237,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23074
23237
  }))(MobilePageVideoPoster);
23075
23238
 
23076
23239
  /***/ },
23077
- /* 471 */
23240
+ /* 473 */
23078
23241
  /***/ function(module, exports, __webpack_require__) {
23079
23242
 
23080
23243
  'use strict';
@@ -23087,11 +23250,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23087
23250
 
23088
23251
  exports.PageBackgroundVideo = PageBackgroundVideo;
23089
23252
 
23090
- var _PageVideoPlayer = __webpack_require__(457);
23253
+ var _PageVideoPlayer = __webpack_require__(458);
23091
23254
 
23092
23255
  var _PageVideoPlayer2 = _interopRequireDefault(_PageVideoPlayer);
23093
23256
 
23094
- var _MobilePageVideoPoster = __webpack_require__(470);
23257
+ var _MobilePageVideoPoster = __webpack_require__(472);
23095
23258
 
23096
23259
  var _MobilePageVideoPoster2 = _interopRequireDefault(_MobilePageVideoPoster);
23097
23260
 
@@ -23130,7 +23293,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23130
23293
  }))(PageBackgroundVideo);
23131
23294
 
23132
23295
  /***/ },
23133
- /* 472 */
23296
+ /* 474 */
23134
23297
  /***/ function(module, exports, __webpack_require__) {
23135
23298
 
23136
23299
  'use strict';
@@ -23142,11 +23305,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23142
23305
 
23143
23306
  var _components = __webpack_require__(302);
23144
23307
 
23145
- var _PageBackgroundVideo = __webpack_require__(471);
23308
+ var _PageBackgroundVideo = __webpack_require__(473);
23146
23309
 
23147
23310
  var _PageBackgroundVideo2 = _interopRequireDefault(_PageBackgroundVideo);
23148
23311
 
23149
- var _selectors = __webpack_require__(453);
23312
+ var _selectors = __webpack_require__(454);
23150
23313
 
23151
23314
  var _pages = __webpack_require__(310);
23152
23315
 
@@ -23184,7 +23347,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23184
23347
  }))(PageBackgroundAsset);
23185
23348
 
23186
23349
  /***/ },
23187
- /* 473 */
23350
+ /* 475 */
23188
23351
  /***/ function(module, exports, __webpack_require__) {
23189
23352
 
23190
23353
  'use strict';
@@ -23196,7 +23359,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23196
23359
 
23197
23360
  var _components = __webpack_require__(302);
23198
23361
 
23199
- var _PageBackgroundAsset = __webpack_require__(472);
23362
+ var _PageBackgroundAsset = __webpack_require__(474);
23200
23363
 
23201
23364
  var _PageBackgroundAsset2 = _interopRequireDefault(_PageBackgroundAsset);
23202
23365
 
@@ -23212,7 +23375,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23212
23375
  }
23213
23376
 
23214
23377
  /***/ },
23215
- /* 474 */
23378
+ /* 476 */
23216
23379
  /***/ function(module, exports, __webpack_require__) {
23217
23380
 
23218
23381
  'use strict';
@@ -23228,7 +23391,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23228
23391
 
23229
23392
  var _selectors = __webpack_require__(337);
23230
23393
 
23231
- var _selectors2 = __webpack_require__(443);
23394
+ var _selectors2 = __webpack_require__(444);
23232
23395
 
23233
23396
  var _utils = __webpack_require__(380);
23234
23397
 
@@ -23280,7 +23443,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23280
23443
  }
23281
23444
 
23282
23445
  /***/ },
23283
- /* 475 */
23446
+ /* 477 */
23284
23447
  /***/ function(module, exports, __webpack_require__) {
23285
23448
 
23286
23449
  'use strict';
@@ -23463,20 +23626,29 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23463
23626
  controlsHidden: true
23464
23627
  });
23465
23628
 
23629
+ case _actions.INFO_BOX_HIDDEN:
23630
+ return _extends({}, state, {
23631
+ infoBoxHidden: true
23632
+ });
23633
+ case _actions.INFO_BOX_VISIBLE:
23634
+ return _extends({}, state, {
23635
+ infoBoxHidden: false
23636
+ });
23637
+
23466
23638
  default:
23467
23639
  return state;
23468
23640
  }
23469
23641
  };
23470
23642
  };
23471
23643
 
23472
- var _actions = __webpack_require__(454);
23644
+ var _actions = __webpack_require__(455);
23473
23645
 
23474
- var _actions2 = __webpack_require__(476);
23646
+ var _actions2 = __webpack_require__(478);
23475
23647
 
23476
23648
  var _actions3 = __webpack_require__(300);
23477
23649
 
23478
23650
  /***/ },
23479
- /* 476 */
23651
+ /* 478 */
23480
23652
  /***/ function(module, exports, __webpack_require__) {
23481
23653
 
23482
23654
  'use strict';
@@ -23506,7 +23678,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23506
23678
  }
23507
23679
 
23508
23680
  /***/ },
23509
- /* 477 */
23681
+ /* 479 */
23510
23682
  /***/ function(module, exports, __webpack_require__) {
23511
23683
 
23512
23684
  'use strict';
@@ -23516,38 +23688,34 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23516
23688
  });
23517
23689
  exports.default = _callee;
23518
23690
 
23519
- var _togglePlaying = __webpack_require__(478);
23691
+ var _togglePlaying = __webpack_require__(480);
23520
23692
 
23521
23693
  var _togglePlaying2 = _interopRequireDefault(_togglePlaying);
23522
23694
 
23523
- var _handlePageDidActivate = __webpack_require__(479);
23695
+ var _handlePageDidActivate = __webpack_require__(481);
23524
23696
 
23525
23697
  var _handlePageDidActivate2 = _interopRequireDefault(_handlePageDidActivate);
23526
23698
 
23527
- var _disableScrollIndicatorDuringPlayback = __webpack_require__(480);
23699
+ var _disableScrollIndicatorDuringPlayback = __webpack_require__(482);
23528
23700
 
23529
23701
  var _disableScrollIndicatorDuringPlayback2 = _interopRequireDefault(_disableScrollIndicatorDuringPlayback);
23530
23702
 
23531
- var _hasNotBeenPlayingForAMoment = __webpack_require__(481);
23703
+ var _hasNotBeenPlayingForAMoment = __webpack_require__(483);
23532
23704
 
23533
23705
  var _hasNotBeenPlayingForAMoment2 = _interopRequireDefault(_hasNotBeenPlayingForAMoment);
23534
23706
 
23535
- var _idling = __webpack_require__(482);
23707
+ var _idling = __webpack_require__(484);
23536
23708
 
23537
23709
  var _idling2 = _interopRequireDefault(_idling);
23538
23710
 
23539
- var _fadeOutWhenPageWillDeactivate = __webpack_require__(483);
23711
+ var _fadeOutWhenPageWillDeactivate = __webpack_require__(485);
23540
23712
 
23541
23713
  var _fadeOutWhenPageWillDeactivate2 = _interopRequireDefault(_fadeOutWhenPageWillDeactivate);
23542
23714
 
23543
- var _goToNextPageOnEnd = __webpack_require__(484);
23715
+ var _goToNextPageOnEnd = __webpack_require__(486);
23544
23716
 
23545
23717
  var _goToNextPageOnEnd2 = _interopRequireDefault(_goToNextPageOnEnd);
23546
23718
 
23547
- var _controlsHidden = __webpack_require__(485);
23548
-
23549
- var _controlsHidden2 = _interopRequireDefault(_controlsHidden);
23550
-
23551
23719
  var _utils = __webpack_require__(380);
23552
23720
 
23553
23721
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -23573,7 +23741,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23573
23741
  }
23574
23742
 
23575
23743
  if (options.hideControls) {
23576
- sagas.push([(0, _idling2.default)(), (0, _controlsHidden2.default)()]);
23744
+ sagas.push([(0, _idling2.default)()]);
23577
23745
  }
23578
23746
 
23579
23747
  _context.next = 6;
@@ -23588,7 +23756,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23588
23756
  }
23589
23757
 
23590
23758
  /***/ },
23591
- /* 478 */
23759
+ /* 480 */
23592
23760
  /***/ function(module, exports, __webpack_require__) {
23593
23761
 
23594
23762
  'use strict';
@@ -23598,11 +23766,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23598
23766
  });
23599
23767
  exports.default = _callee;
23600
23768
 
23601
- var _actions = __webpack_require__(454);
23769
+ var _actions = __webpack_require__(455);
23602
23770
 
23603
- var _actions2 = __webpack_require__(476);
23771
+ var _actions2 = __webpack_require__(478);
23604
23772
 
23605
- var _selectors = __webpack_require__(453);
23773
+ var _selectors = __webpack_require__(454);
23606
23774
 
23607
23775
  var _reduxSaga = __webpack_require__(349);
23608
23776
 
@@ -23665,7 +23833,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23665
23833
  }
23666
23834
 
23667
23835
  /***/ },
23668
- /* 479 */
23836
+ /* 481 */
23669
23837
  /***/ function(module, exports, __webpack_require__) {
23670
23838
 
23671
23839
  'use strict';
@@ -23681,7 +23849,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23681
23849
 
23682
23850
  var _actions = __webpack_require__(300);
23683
23851
 
23684
- var _actions2 = __webpack_require__(454);
23852
+ var _actions2 = __webpack_require__(455);
23685
23853
 
23686
23854
  var _selectors = __webpack_require__(337);
23687
23855
 
@@ -23771,7 +23939,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23771
23939
  }
23772
23940
 
23773
23941
  /***/ },
23774
- /* 480 */
23942
+ /* 482 */
23775
23943
  /***/ function(module, exports, __webpack_require__) {
23776
23944
 
23777
23945
  'use strict';
@@ -23785,7 +23953,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23785
23953
 
23786
23954
  var _effects = __webpack_require__(345);
23787
23955
 
23788
- var _actions = __webpack_require__(454);
23956
+ var _actions = __webpack_require__(455);
23789
23957
 
23790
23958
  var _selectors = __webpack_require__(337);
23791
23959
 
@@ -23866,7 +24034,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23866
24034
  }
23867
24035
 
23868
24036
  /***/ },
23869
- /* 481 */
24037
+ /* 483 */
23870
24038
  /***/ function(module, exports, __webpack_require__) {
23871
24039
 
23872
24040
  'use strict';
@@ -23880,7 +24048,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23880
24048
 
23881
24049
  var _effects = __webpack_require__(345);
23882
24050
 
23883
- var _actions = __webpack_require__(454);
24051
+ var _actions = __webpack_require__(455);
23884
24052
 
23885
24053
  var _marked = [_callee3].map(regeneratorRuntime.mark);
23886
24054
 
@@ -23939,7 +24107,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23939
24107
  }
23940
24108
 
23941
24109
  /***/ },
23942
- /* 482 */
24110
+ /* 484 */
23943
24111
  /***/ function(module, exports, __webpack_require__) {
23944
24112
 
23945
24113
  'use strict';
@@ -23953,9 +24121,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23953
24121
 
23954
24122
  var _effects = __webpack_require__(345);
23955
24123
 
23956
- var _actions = __webpack_require__(454);
24124
+ var _actions = __webpack_require__(455);
23957
24125
 
23958
- var _actions2 = __webpack_require__(476);
24126
+ var _actions2 = __webpack_require__(478);
23959
24127
 
23960
24128
  var _marked = [_callee, putAfterDelay].map(regeneratorRuntime.mark);
23961
24129
 
@@ -23999,7 +24167,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
23999
24167
  }
24000
24168
 
24001
24169
  /***/ },
24002
- /* 483 */
24170
+ /* 485 */
24003
24171
  /***/ function(module, exports, __webpack_require__) {
24004
24172
 
24005
24173
  'use strict';
@@ -24013,7 +24181,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
24013
24181
 
24014
24182
  var _effects = __webpack_require__(345);
24015
24183
 
24016
- var _actions = __webpack_require__(454);
24184
+ var _actions = __webpack_require__(455);
24017
24185
 
24018
24186
  var _actions2 = __webpack_require__(300);
24019
24187
 
@@ -24056,7 +24224,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
24056
24224
  }
24057
24225
 
24058
24226
  /***/ },
24059
- /* 484 */
24227
+ /* 486 */
24060
24228
  /***/ function(module, exports, __webpack_require__) {
24061
24229
 
24062
24230
  'use strict';
@@ -24070,7 +24238,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
24070
24238
 
24071
24239
  var _effects = __webpack_require__(345);
24072
24240
 
24073
- var _actions = __webpack_require__(454);
24241
+ var _actions = __webpack_require__(455);
24074
24242
 
24075
24243
  var _selectors = __webpack_require__(337);
24076
24244
 
@@ -24127,149 +24295,6 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
24127
24295
  pageflow.slides.next();
24128
24296
  }
24129
24297
 
24130
- /***/ },
24131
- /* 485 */
24132
- /***/ function(module, exports, __webpack_require__) {
24133
-
24134
- 'use strict';
24135
-
24136
- Object.defineProperty(exports, "__esModule", {
24137
- value: true
24138
- });
24139
- exports.default = _callee4;
24140
-
24141
- var _reduxSaga = __webpack_require__(349);
24142
-
24143
- var _effects = __webpack_require__(345);
24144
-
24145
- var _actions = __webpack_require__(454);
24146
-
24147
- var _selectors = __webpack_require__(453);
24148
-
24149
- var _selectors2 = __webpack_require__(486);
24150
-
24151
- var _actions2 = __webpack_require__(476);
24152
-
24153
- var _marked = [_callee4].map(regeneratorRuntime.mark);
24154
-
24155
- var _actionCreators = (0, _actions.actionCreators)(),
24156
- controlsHidden = _actionCreators.controlsHidden;
24157
-
24158
- var classicPlayerControlsPresent = (0, _selectors2.widgetPresent)('classicPlayerControls');
24159
-
24160
- function _callee4() {
24161
- return regeneratorRuntime.wrap(function _callee4$(_context4) {
24162
- while (1) {
24163
- switch (_context4.prev = _context4.next) {
24164
- case 0:
24165
- _context4.next = 2;
24166
- return (0, _reduxSaga.takeEvery)([_actions.PLAY, _actions.USER_IDLE, _actions.CONTROLS_LEFT], regeneratorRuntime.mark(function _callee3() {
24167
- var state;
24168
- return regeneratorRuntime.wrap(function _callee3$(_context3) {
24169
- while (1) {
24170
- switch (_context3.prev = _context3.next) {
24171
- case 0:
24172
- _context3.next = 2;
24173
- return (0, _effects.select)((0, _selectors.playerState)());
24174
-
24175
- case 2:
24176
- state = _context3.sent;
24177
-
24178
- if (!(!state.userIsIdle || state.userHoveringControls || !state.isPlaying)) {
24179
- _context3.next = 5;
24180
- break;
24181
- }
24182
-
24183
- return _context3.abrupt('return');
24184
-
24185
- case 5:
24186
- _context3.next = 7;
24187
- return (0, _effects.race)({
24188
- task: (0, _effects.call)(regeneratorRuntime.mark(function _callee() {
24189
- return regeneratorRuntime.wrap(function _callee$(_context) {
24190
- while (1) {
24191
- switch (_context.prev = _context.next) {
24192
- case 0:
24193
- _context.next = 2;
24194
- return (0, _effects.select)(classicPlayerControlsPresent);
24195
-
24196
- case 2:
24197
- if (!_context.sent) {
24198
- _context.next = 7;
24199
- break;
24200
- }
24201
-
24202
- _context.next = 5;
24203
- return (0, _effects.call)(_reduxSaga.delay, 2500);
24204
-
24205
- case 5:
24206
- _context.next = 9;
24207
- break;
24208
-
24209
- case 7:
24210
- _context.next = 9;
24211
- return (0, _effects.call)(_reduxSaga.delay, 1200);
24212
-
24213
- case 9:
24214
- _context.next = 11;
24215
- return (0, _effects.put)(controlsHidden());
24216
-
24217
- case 11:
24218
- case 'end':
24219
- return _context.stop();
24220
- }
24221
- }
24222
- }, _callee, this);
24223
- })),
24224
- cancel: (0, _effects.call)(regeneratorRuntime.mark(function _callee2() {
24225
- return regeneratorRuntime.wrap(function _callee2$(_context2) {
24226
- while (1) {
24227
- switch (_context2.prev = _context2.next) {
24228
- case 0:
24229
- _context2.next = 2;
24230
- return (0, _effects.take)([_actions.PAUSED, _actions.ENDED, _actions.USER_INTERACTION, _actions.CONTROLS_ENTERED, _actions2.HOTKEY_TAB]);
24231
-
24232
- case 2:
24233
- case 'end':
24234
- return _context2.stop();
24235
- }
24236
- }
24237
- }, _callee2, this);
24238
- }))
24239
- });
24240
-
24241
- case 7:
24242
- case 'end':
24243
- return _context3.stop();
24244
- }
24245
- }
24246
- }, _callee3, this);
24247
- }));
24248
-
24249
- case 2:
24250
- case 'end':
24251
- return _context4.stop();
24252
- }
24253
- }
24254
- }, _marked[0], this);
24255
- }
24256
-
24257
- /***/ },
24258
- /* 486 */
24259
- /***/ function(module, exports) {
24260
-
24261
- "use strict";
24262
-
24263
- Object.defineProperty(exports, "__esModule", {
24264
- value: true
24265
- });
24266
- exports.widgetPresent = widgetPresent;
24267
- function widgetPresent(typeName) {
24268
- return function (state) {
24269
- return state.widgets[typeName];
24270
- };
24271
- }
24272
-
24273
24298
  /***/ },
24274
24299
  /* 487 */
24275
24300
  /***/ function(module, exports, __webpack_require__) {
@@ -24285,7 +24310,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
24285
24310
 
24286
24311
  var _effects = __webpack_require__(345);
24287
24312
 
24288
- var _actions = __webpack_require__(454);
24313
+ var _actions = __webpack_require__(455);
24289
24314
 
24290
24315
  var _actions2 = __webpack_require__(300);
24291
24316
 
@@ -24785,7 +24810,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
24785
24810
 
24786
24811
  var _registerPageType2 = _interopRequireDefault(_registerPageType);
24787
24812
 
24788
- var _media = __webpack_require__(449);
24813
+ var _media = __webpack_require__(450);
24789
24814
 
24790
24815
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
24791
24816
 
@@ -25727,9 +25752,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
25727
25752
  value: true
25728
25753
  });
25729
25754
 
25730
- var _keyCodes = __webpack_require__(436);
25755
+ var _keyCodes = __webpack_require__(437);
25731
25756
 
25732
- var _actions = __webpack_require__(476);
25757
+ var _actions = __webpack_require__(478);
25733
25758
 
25734
25759
  exports.default = {
25735
25760
  init: function init(_ref) {
@@ -26005,7 +26030,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
26005
26030
  });
26006
26031
  exports.register = register;
26007
26032
 
26008
- var _media = __webpack_require__(449);
26033
+ var _media = __webpack_require__(450);
26009
26034
 
26010
26035
  var _PageAudioFilePlayer = __webpack_require__(527);
26011
26036
 
@@ -26017,11 +26042,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
26017
26042
 
26018
26043
  var _pages = __webpack_require__(310);
26019
26044
 
26020
- var _selectors = __webpack_require__(453);
26045
+ var _selectors = __webpack_require__(454);
26021
26046
 
26022
26047
  var _selectors2 = __webpack_require__(337);
26023
26048
 
26024
- var _selectors3 = __webpack_require__(447);
26049
+ var _selectors3 = __webpack_require__(448);
26025
26050
 
26026
26051
  var _selectors4 = __webpack_require__(405);
26027
26052
 
@@ -26071,7 +26096,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
26071
26096
  value: true
26072
26097
  });
26073
26098
 
26074
- var _createPageFilePlayer = __webpack_require__(469);
26099
+ var _createPageFilePlayer = __webpack_require__(471);
26075
26100
 
26076
26101
  var _createPageFilePlayer2 = _interopRequireDefault(_createPageFilePlayer);
26077
26102
 
@@ -26093,7 +26118,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
26093
26118
  value: true
26094
26119
  });
26095
26120
 
26096
- var _createFilePlayer = __webpack_require__(459);
26121
+ var _createFilePlayer = __webpack_require__(460);
26097
26122
 
26098
26123
  var _createFilePlayer2 = _interopRequireDefault(_createFilePlayer);
26099
26124
 
@@ -26122,7 +26147,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
26122
26147
 
26123
26148
  var _components = __webpack_require__(302);
26124
26149
 
26125
- var _media = __webpack_require__(449);
26150
+ var _media = __webpack_require__(450);
26126
26151
 
26127
26152
  var _registerPageType = __webpack_require__(493);
26128
26153
 
@@ -26178,7 +26203,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
26178
26203
  });
26179
26204
  exports.register = register;
26180
26205
 
26181
- var _media = __webpack_require__(449);
26206
+ var _media = __webpack_require__(450);
26182
26207
 
26183
26208
  var _registerPageType = __webpack_require__(493);
26184
26209
 
@@ -26186,11 +26211,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
26186
26211
 
26187
26212
  var _pages = __webpack_require__(310);
26188
26213
 
26189
- var _selectors = __webpack_require__(453);
26214
+ var _selectors = __webpack_require__(454);
26190
26215
 
26191
26216
  var _selectors2 = __webpack_require__(337);
26192
26217
 
26193
- var _selectors3 = __webpack_require__(447);
26218
+ var _selectors3 = __webpack_require__(448);
26194
26219
 
26195
26220
  var _selectors4 = __webpack_require__(405);
26196
26221