{"version":3,"sources":["webpack:///53.52f5a0f9.bundle.js","webpack:///./src/js/components/ReadMore.js"],"names":["webpackJsonp","234","module","exports","__webpack_require__","$","_classCallCheck","instance","Constructor","TypeError","_possibleConstructorReturn","self","call","ReferenceError","_inherits","subClass","superClass","prototype","Object","create","constructor","value","enumerable","writable","configurable","setPrototypeOf","__proto__","defineProperty","_createClass","defineProperties","target","props","i","length","descriptor","key","protoProps","staticProps","_component2","obj","__esModule","default","_component","ReadMore","el","checkLength","_Component","this","dom","$wrapper","$el","find","$toggle","classes","readmore","readless","minParagraphs","parseInt","data","on","onExpand","e","preventDefault","$target","currentTarget","hasClass","html","addClass","removeClass","TimelineMax","staggerTo","autoAlpha","display","refreshWaypoint","animate","scrollTop","parent","offset","top","Waypoint","refreshAll","children","remove","elements","not","hiddenParagraphs","slice","hide","trigger","Component"],"mappings":"AAAAA,cAAc,KAERC,IACA,SAAUC,EAAQC,EAASC,GAEjC,cAC4B,SAASC,GAkBrC,QAASC,GAAgBC,EAAUC,GAAe,KAAMD,YAAoBC,IAAgB,KAAM,IAAIC,WAAU,qCAEhH,QAASC,GAA2BC,EAAMC,GAAQ,IAAKD,EAAQ,KAAM,IAAIE,gBAAe,4DAAgE,QAAOD,GAAyB,gBAATA,IAAqC,kBAATA,GAA8BD,EAAPC,EAElO,QAASE,GAAUC,EAAUC,GAAc,GAA0B,kBAAfA,IAA4C,OAAfA,EAAuB,KAAM,IAAIP,WAAU,iEAAoEO,GAAeD,GAASE,UAAYC,OAAOC,OAAOH,GAAcA,EAAWC,WAAaG,aAAeC,MAAON,EAAUO,YAAY,EAAOC,UAAU,EAAMC,cAAc,KAAeR,IAAYE,OAAOO,eAAiBP,OAAOO,eAAeV,EAAUC,GAAcD,EAASW,UAAYV,GApBjeE,OAAOS,eAAexB,EAAS,cAC7BkB,OAAO,GAGT,IAAIO,GAAe,WAAc,QAASC,GAAiBC,EAAQC,GAAS,IAAK,GAAIC,GAAI,EAAGA,EAAID,EAAME,OAAQD,IAAK,CAAE,GAAIE,GAAaH,EAAMC,EAAIE,GAAWZ,WAAaY,EAAWZ,aAAc,EAAOY,EAAWV,cAAe,EAAU,SAAWU,KAAYA,EAAWX,UAAW,GAAML,OAAOS,eAAeG,EAAQI,EAAWC,IAAKD,IAAiB,MAAO,UAAU1B,EAAa4B,EAAYC,GAAiJ,MAA9HD,IAAYP,EAAiBrB,EAAYS,UAAWmB,GAAiBC,GAAaR,EAAiBrB,EAAa6B,GAAqB7B,MCZhiB,QDgBI8B,EAMJ,SAAgCC,GAAO,MAAOA,IAAOA,EAAIC,WAAaD,GAAQE,QAASF,IAN9CG,ECfzC,OACA,aAEMC,E,YACJ,WAAYC,GAAG,yEACPA,GADO,OAGb,GAAKC,cAHQ,EDkIf,MAxGA/B,GAAU6B,EAAUG,GAWpBlB,EAAae,IACXR,IAAK,gBACLd,MAAO,WChCP0B,KAAKC,KACHC,SAAUF,KAAKG,IAAIC,KAAK,iCACxBC,QAASL,KAAKG,IAAIC,KAAK,8BAGzBJ,KAAKM,SACHC,SAAU,gBACVC,SAAU,iBAGZR,KAAKS,cAAgBC,SAASV,KAAKC,IAAII,QAAQM,KAAK,kBAEhDX,KAAKC,IAAIC,SAASE,KAAK,mBAAmBlB,SAC5Cc,KAAKC,IAAIC,SAAWF,KAAKC,IAAIC,SAASE,KAAK,uBDqC7ChB,IAAK,eACLd,MAAO,WCjCP0B,KAAKC,IAAII,QAAQO,GAAG,cAAiBZ,KAAKa,SAA1C,KAAqCb,UDqCrCZ,IAAK,WACLd,MAAO,SCnCAwC,GAAG,UACVA,GAAEC,gBAEF,IAAMC,GAAU1D,EAAEwD,EAAEG,cAEpB,IAAID,EAAQE,SAAS,iBAAkB,CACrCF,EAAQG,KAAQH,EAAQL,KAAK,aAA7B,UACAK,EAAQI,SAASpB,KAAKM,QAAQE,UAC9BQ,EAAQK,YAAYrB,KAAKM,QAAQC,UAEjCP,KAAKC,IAAIC,SAASkB,SAAS,aAChB,GAAIE,gBACZC,UAAUvB,KAAKC,IAAIC,SAASE,KAAK,wCAAyC,IAAOoB,UAAW,EAAGC,QAAQ,SAAW,EAAG,KAAO,iBAAM,GAAKC,wBACrI,CACLV,EAAQG,KAAQH,EAAQL,KAAK,aAA7B,UACAK,EAAQI,SAASpB,KAAKM,QAAQC,UAC9BS,EAAQK,YAAYrB,KAAKM,QAAQE,UAEjCR,KAAKC,IAAIC,SAASmB,YAAY,aACnB,GAAIC,gBACZC,UAAUvB,KAAKC,IAAIC,SAASE,KAAK,gDAAiD,IAAOoB,UAAW,EAAGC,QAAQ,QAAU,EAAG,KAAO,iBAAM,GAAKC,oBACjJpE,EAAE,cAAcqE,SACdC,UAAWZ,EAAQa,SAASC,SAASC,IAAM,KAC1C,KAILC,SAASC,gBD4CT7C,IAAK,cACLd,MAAO,WCtCP0B,KAAKC,IAAIC,SAASgC,SAAS,WAAWC,QACtC,IAAMC,GAAWpC,KAAKC,IAAIC,SAASgC,WAAWG,IAAI,iCAC5CC,EAAmBF,EAASG,MAAMvC,KAAKS,cAAe2B,EAASlD,OAKrE,IAHAc,KAAKC,IAAIC,SAASkB,SAAS,SAC3BpB,KAAKC,IAAIC,SAASgC,WAAWd,SAAS,SAElCgB,EAASlD,QAAUc,KAAKS,cAK1B,MAJA2B,GAAShB,SAAS,SAClBgB,EAASF,WAAWd,SAAS,SAC7BpB,KAAKC,IAAIC,SAASkB,SAAS,gBAC3BpB,MAAKC,IAAII,QAAQmC,MAInBF,GAAiBjB,YAAY,SAC7BiB,EAAiBJ,WAAWb,YAAY,YD4CxCjC,IAAK,kBACLd,MAAO,WCzCHhB,EAAE,mBAAmB4B,QACvB5B,EAAE,mBAAmBmF,QAAQ,0BD+C1B7C,GCnIc8C,UDsIvBtF,GAAQsC,QC5COE,ID6Cc/B,KAAKT,EAASC,EAAoB","file":"53.52f5a0f9.bundle.js","sourcesContent":["webpackJsonp([53],{\n\n/***/ 234:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function($) {\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _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; }; }();\n\nvar _component = __webpack_require__(33);\n\nvar _component2 = _interopRequireDefault(_component);\n\n__webpack_require__(213);\n\nvar _gsap = __webpack_require__(90);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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; }\n\nvar ReadMore = function (_Component) {\n  _inherits(ReadMore, _Component);\n\n  function ReadMore(el) {\n    _classCallCheck(this, ReadMore);\n\n    var _this = _possibleConstructorReturn(this, (ReadMore.__proto__ || Object.getPrototypeOf(ReadMore)).call(this, el));\n\n    _this.checkLength();\n    return _this;\n  }\n\n  _createClass(ReadMore, [{\n    key: 'setupDefaults',\n    value: function setupDefaults() {\n      this.dom = {\n        $wrapper: this.$el.find('.wh-content-readmore__wrapper'),\n        $toggle: this.$el.find('.wh-content-readmore__btn')\n      };\n\n      this.classes = {\n        readmore: 'btn--readmore',\n        readless: 'btn--readless'\n      };\n\n      this.minParagraphs = parseInt(this.dom.$toggle.data('min-paragraph'));\n\n      if (this.dom.$wrapper.find('.scWebEditInput').length) {\n        this.dom.$wrapper = this.dom.$wrapper.find('.scWebEditInput');\n      }\n    }\n  }, {\n    key: 'addListeners',\n    value: function addListeners() {\n      this.dom.$toggle.on('click touch', this.onExpand.bind(this));\n    }\n  }, {\n    key: 'onExpand',\n    value: function onExpand(e) {\n      var _this2 = this;\n\n      e.preventDefault();\n\n      var $target = $(e.currentTarget);\n\n      if ($target.hasClass('btn--readmore')) {\n        $target.html($target.data('read-less') + '&nbsp;');\n        $target.addClass(this.classes.readless);\n        $target.removeClass(this.classes.readmore);\n\n        this.dom.$wrapper.addClass('expanded');\n        var tl = new _gsap.TimelineMax();\n        tl.staggerTo(this.dom.$wrapper.find('>*:not(:first-child, .btn--readmore)'), 0.4, { autoAlpha: 1, display: 'block' }, 0, null, function () {\n          return _this2.refreshWaypoint();\n        });\n      } else {\n        $target.html($target.data('read-more') + '&nbsp;');\n        $target.addClass(this.classes.readmore);\n        $target.removeClass(this.classes.readless);\n\n        this.dom.$wrapper.removeClass('expanded');\n        var _tl = new _gsap.TimelineMax();\n        _tl.staggerTo(this.dom.$wrapper.find('>*:not(:first-child, .btn--readmore, .intro)'), 0.3, { autoAlpha: 0, display: 'none' }, 0, null, function () {\n          return _this2.refreshWaypoint();\n        });\n        $('html, body').animate({\n          scrollTop: $target.parent().offset().top - 150\n        }, 1000);\n      }\n\n      // Refreshing SubNav Waypoints due to component height change\n      Waypoint.refreshAll();\n    }\n  }, {\n    key: 'checkLength',\n    value: function checkLength() {\n      //Make sure there are elements inside the wrapper, not counting the read more button\n      // and the the <br>\n      this.dom.$wrapper.children('p:empty').remove();\n      var elements = this.dom.$wrapper.children().not('br, .wh-content-readmore__btn');\n      var hiddenParagraphs = elements.slice(this.minParagraphs, elements.length);\n\n      this.dom.$wrapper.addClass('intro');\n      this.dom.$wrapper.children().addClass('intro');\n\n      if (elements.length <= this.minParagraphs) {\n        elements.addClass('intro');\n        elements.children().addClass('intro');\n        this.dom.$wrapper.addClass('expanded');\n        this.dom.$toggle.hide();\n        return;\n      }\n\n      hiddenParagraphs.removeClass('intro');\n      hiddenParagraphs.children().removeClass('intro');\n    }\n  }, {\n    key: 'refreshWaypoint',\n    value: function refreshWaypoint() {\n      if ($('.wh-section-nav').length) {\n        $('.wh-section-nav').trigger('sectionNav:refresh');\n      }\n    }\n  }]);\n\n  return ReadMore;\n}(_component2.default);\n\nexports.default = ReadMore;\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// 53.52f5a0f9.bundle.js","import Component from 'component';\nimport 'waypoints/jquery.waypoints';\nimport { TimelineMax, Expo, TweenLite } from 'gsap';\n\nclass ReadMore extends Component{\n  constructor(el){\n    super(el);\n\n    this.checkLength();\n  }\n\n  setupDefaults() {\n    this.dom = {\n      $wrapper: this.$el.find('.wh-content-readmore__wrapper'),\n      $toggle: this.$el.find('.wh-content-readmore__btn')\n    };\n\n    this.classes = {\n      readmore: 'btn--readmore',\n      readless: 'btn--readless'\n    };\n\n    this.minParagraphs = parseInt(this.dom.$toggle.data('min-paragraph'));\n\n    if (this.dom.$wrapper.find('.scWebEditInput').length) {\n      this.dom.$wrapper = this.dom.$wrapper.find('.scWebEditInput')\n    }\n  }\n\n  addListeners() {\n    this.dom.$toggle.on('click touch', ::this.onExpand);\n  }\n\n  onExpand(e) {\n    e.preventDefault();\n\n    const $target = $(e.currentTarget);\n\n    if ($target.hasClass('btn--readmore')) {\n      $target.html(`${$target.data('read-less')}&nbsp;`);\n      $target.addClass(this.classes.readless);\n      $target.removeClass(this.classes.readmore);\n\n      this.dom.$wrapper.addClass('expanded');\n      const tl = new TimelineMax();\n      tl.staggerTo(this.dom.$wrapper.find('>*:not(:first-child, .btn--readmore)'), 0.4, { autoAlpha: 1, display:'block' }, 0, null,  () => this.refreshWaypoint());\n    } else {\n      $target.html(`${$target.data('read-more')}&nbsp;`);\n      $target.addClass(this.classes.readmore);\n      $target.removeClass(this.classes.readless);\n\n      this.dom.$wrapper.removeClass('expanded');\n      const tl = new TimelineMax();\n      tl.staggerTo(this.dom.$wrapper.find('>*:not(:first-child, .btn--readmore, .intro)'), 0.3, { autoAlpha: 0, display:'none' }, 0, null,  () => this.refreshWaypoint());\n      $('html, body').animate({\n        scrollTop: $target.parent().offset().top - 150\n      }, 1000);\n    }\n\n    // Refreshing SubNav Waypoints due to component height change\n    Waypoint.refreshAll();\n\n  }\n\n  checkLength(){\n    //Make sure there are elements inside the wrapper, not counting the read more button\n    // and the the <br>\n    this.dom.$wrapper.children('p:empty').remove();\n    const elements = this.dom.$wrapper.children().not('br, .wh-content-readmore__btn');\n    const hiddenParagraphs = elements.slice(this.minParagraphs, elements.length);\n\n    this.dom.$wrapper.addClass('intro');\n    this.dom.$wrapper.children().addClass('intro');\n\n    if (elements.length <= this.minParagraphs) {\n      elements.addClass('intro');\n      elements.children().addClass('intro');\n      this.dom.$wrapper.addClass('expanded');\n      this.dom.$toggle.hide();\n      return;\n    }\n\n    hiddenParagraphs.removeClass('intro');\n    hiddenParagraphs.children().removeClass('intro');\n  }\n\n  refreshWaypoint() {\n    if ($('.wh-section-nav').length) {\n      $('.wh-section-nav').trigger('sectionNav:refresh');\n    }\n  }\n}\n\n\nexport default ReadMore;\n\n\n\n// WEBPACK FOOTER //\n// ./src/js/components/ReadMore.js"],"sourceRoot":""}