UNPKG

react-scrollreveal

Version:
1 lines 20 kB
webpackJsonp([0],{6:function(e,i,t){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function u(e,i){if(!(e instanceof i))throw new TypeError("Cannot call a class as a function")}function o(e,i){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!i||"object"!=typeof i&&"function"!=typeof i?e:i}function s(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Super expression must either be null or a function, not "+typeof i);e.prototype=Object.create(i&&i.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i&&(Object.setPrototypeOf?Object.setPrototypeOf(e,i):e.__proto__=i)}Object.defineProperty(i,"__esModule",{value:!0});var r=Object.assign||function(e){for(var i=1;i<arguments.length;i++){var t=arguments[i];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m=function(){function e(e,i){for(var t=0;t<i.length;t++){var a=i[t];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(i,t,a){return t&&e(i.prototype,t),a&&e(i,a),i}}(),l=t(0),c=a(l),d=t(21),p=a(d),q=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(i){var t=(0,p.default)(),a=function(a){function l(){var i,a,s,r;u(this,l);for(var m=arguments.length,c=Array(m),d=0;d<m;d++)c[d]=arguments[d];return a=s=o(this,(i=l.__proto__||Object.getPrototypeOf(l)).call.apply(i,[this].concat(c))),s.forEachSrElement=function(e){var i=[];s.forEachSrOption(function(e){var t=e.selector;i.concat(Array.prototype.slice.apply(document.querySelectorAll(t)))}),i.forEach(e)},s.forEachSrOption=function(i){if(Array.isArray(e))e.forEach(function(e){i(e)});else{if("object"!==(void 0===e?"undefined":n(e)))throw new TypeError("Invalid arguments were passed");i(e)}},s.applyRevealAnimation=function(e){var i=e.selector,a=e.options,u=void 0===a?{}:a,o=e.interval,r=s.getRevealElements(i),n=Object.assign({},u);(r.length||r.nodeType)&&t.reveal(r,n,o)},s.getRef=function(e){if("number"!=typeof e.nodeType)throw new Error("You should put animationContainerReference on DOM node, not React component.");s.animationContainer=e},r=a,o(s,r)}return s(l,a),m(l,[{key:"componentDidMount",value:function(){this.initialize()}},{key:"componentWillUpdate",value:function(){this.refresh()}},{key:"componentWillUnmount",value:function(){this.clean()}},{key:"getRevealElements",value:function(e){return e?this.animationContainer.querySelectorAll(e):this.animationContainer}},{key:"initialize",value:function(){this.animationContainer&&this.forEachSrOption(this.applyRevealAnimation)}},{key:"clean",value:function(e){e?this.forEachSrElement(t.clean):t.destroy()}},{key:"refresh",value:function(){this.clean(!0),this.initialize()}},{key:"render",value:function(){return c.default.createElement(i,r({animationContainerReference:this.getRef,destroyRevealAnimation:this.clean,refreshRevealAnimation:this.refresh},this.props))}}]),l}(c.default.Component);return a.displayName="ComponentWithScrollReveal",a}};i.default=q},7:function(e,i){},9:function(e,i,t){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}var u=t(0),o=a(u),s=t(8),r=t(6),n=a(r);t(7);var m=function(e){var i=e.animationContainerReference;return o.default.createElement("div",{className:"container",ref:i},o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, labore quo? Dolor eius neque odit quis quo. Adipisci corporis dolorem fugit id, laboriosam minima odio porro quibusdam repudiandae sit, tempore, ut voluptas? Amet consequatur earum itaque natus quia totam ullam. Autem doloremque esse impedit laudantium nobis perferendis soluta totam vero?"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid amet animi aperiam assumenda atque aut commodi consequuntur distinctio dolore earum eligendi esse et eum expedita hic illo in inventore itaque, labore laboriosam magnam nam neque nesciunt nisi perspiciatis porro, quia, ratione reiciendis reprehenderit sit tempora tenetur velit. Aperiam, quasi!"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias consectetur distinctio harum molestias nesciunt vel velit. Deserunt facilis iusto libero quo ut! A ab accusamus at commodi deleniti dolorem eaque error explicabo facere illo maxime numquam omnis perspiciatis placeat recusandae reprehenderit repudiandae sed similique sit, sunt temporibus tenetur vitae voluptatem!"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam aspernatur blanditiis consectetur cum distinctio dolor dolorem doloremque dolorum earum error esse et explicabo fugiat ipsum, laborum libero molestiae nihil nulla obcaecati provident quidem quos reiciendis rem repellat repellendus tenetur unde ut vero voluptatum? Aliquam, delectus, nemo. Esse, sunt, voluptas."),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolorem doloremque, eum ipsam magnam natus numquam officiis praesentium quo veniam. Accusantium autem commodi cum, dolorum error ex expedita hic iure iusto maxime mollitia neque nulla temporibus veritatis voluptate. At cupiditate dolores mollitia quasi rerum veritatis voluptas. Ex laudantium magni quod!"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid aperiam aspernatur blanditiis consequatur culpa cupiditate deserunt dolor, doloremque eaque eos ex facere illum in labore laboriosam, minima nemo nulla pariatur provident quae quasi quia quo rem repudiandae sequi sint ut veniam vero voluptatem voluptates. Cumque laboriosam laborum natus porro vero!"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias dolore ipsum molestias provident rem voluptate. Accusantium adipisci animi aperiam est facere incidunt ipsa magni nemo neque odio odit placeat quaerat quam, soluta veritatis. Dicta dignissimos esse, harum libero minus nulla praesentium quaerat quibusdam quisquam reiciendis repellat sed, temporibus ullam unde."),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus alias beatae delectus doloribus ea eligendi est maiores minima non officia, quidem reiciendis sint, voluptate. Consequuntur error nisi omnis perspiciatis quaerat. Cum facilis odit repellat totam voluptas. Architecto aut delectus dolore dolorum, et fugiat libero nam quae quis quisquam, voluptates voluptatibus."),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusantium ad aliquam, asperiores atque consequuntur, corporis ea est et itaque maxime, minus nemo odit quos ut vel voluptatem? Commodi deleniti dicta dolores dolorum earum enim fugit inventore maiores molestiae odio pariatur quibusdam quos reiciendis sint, soluta sunt tempore vitae voluptatum?"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab animi atque, earum enim est excepturi facilis fugit id illo itaque libero magni modi non, nulla obcaecati officia officiis omnis pariatur porro quis reiciendis repudiandae similique soluta suscipit voluptatum? Culpa debitis placeat quo repellat ullam veniam. Dolorum expedita natus sint voluptatum."),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad amet cupiditate et eveniet quasi? Aliquid amet cupiditate distinctio dolorum eos est fugit illo impedit labore laudantium non quasi quo, quod sapiente similique sint tempora! Amet beatae dolorem doloribus ea facilis fugit impedit incidunt labore quaerat, quibusdam, quisquam rem repellat tempore?"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, adipisci aut consectetur consequatur consequuntur deleniti doloremque ea earum, eum excepturi harum impedit nisi porro quas qui similique, vel. Aliquid aut culpa eos explicabo hic, impedit in incidunt ipsa itaque mollitia officiis pariatur quos recusandae, sequi sit totam voluptate voluptates. Odit."),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus explicabo id nostrum officiis quaerat qui quibusdam ut. Aliquam beatae consequuntur dolore eligendi esse et excepturi fugit illum, incidunt inventore ipsam necessitatibus, nisi odit temporibus voluptates! Accusantium, aliquam assumenda atque corporis exercitationem, impedit ipsam maxime neque nulla optio quasi reiciendis voluptate."),o.default.createElement("div",{className:"col"},o.default.createElement("p",{className:"sr-item--sequence"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto aut distinctio ducimus earum eum exercitationem explicabo officiis reiciendis, repudiandae. Atque dolor eius inventore ipsam laudantium modi nesciunt optio ratione vero?")),o.default.createElement("div",{className:"col"},o.default.createElement("p",{className:"sr-item--sequence"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium corporis, eius enim et facilis harum illum inventore, iure, maiores nesciunt non nostrum officia perferendis quae quas reiciendis repellat sint voluptatem.")),o.default.createElement("div",{className:"col"},o.default.createElement("p",{className:"sr-item--sequence"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias architecto atque culpa eaque eos et, excepturi illo incidunt minus perspiciatis sapiente sit tempora tenetur vero voluptas. Corporis incidunt iusto sed.")),o.default.createElement("div",{className:"col"},o.default.createElement("p",{className:"sr-item--sequence"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet aspernatur commodi culpa dolor eaque expedita laboriosam magnam molestiae mollitia neque officia optio possimus quas, quidem quos temporibus tenetur vel vero!")),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque delectus ea illo impedit, pariatur quibusdam quisquam repellendus. Aliquam asperiores aut beatae commodi dolorem ea et, illo incidunt ipsum magni ratione sapiente sit soluta? Architecto beatae consequuntur corporis deserunt earum, ex facere facilis illum in ipsum, itaque perferendis reprehenderit ut voluptas?"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolores magnam repudiandae sit? Aut autem consequuntur, earum iusto non ullam! Accusamus, aliquam animi, at delectus eaque hic id ipsa itaque, laborum molestias nobis praesentium quam quas sint tempore. Aliquid, asperiores autem dolorum facere harum maxime nemo optio reiciendis repellendus vero?"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto asperiores delectus doloremque eum fugiat illum incidunt iste, maxime minima minus nesciunt nostrum nulla numquam optio perspiciatis praesentium quisquam, quos, recusandae rerum soluta suscipit voluptates voluptatum? Aspernatur blanditiis consectetur tempora vel! Alias dolorum nulla perferendis placeat quia repellat voluptas. Ex, pariatur."),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae corporis deleniti dolore dolores eos error eum fuga fugit, illum inventore labore modi nisi non nulla perferendis quas quo quos ratione totam, vitae! Ad doloremque doloribus quae? Alias facere impedit laborum, maiores qui recusandae reiciendis tenetur? Ab cupiditate natus nihil voluptas?"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda aut culpa distinctio, explicabo illo in inventore iste laborum magni minus mollitia neque nostrum numquam odio officiis placeat quas quasi qui quibusdam quisquam quod rem repellendus tempora unde ut vitae voluptates. Alias beatae cumque deleniti, dicta ipsa libero nesciunt repudiandae."),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet atque aut culpa ipsam iure magni necessitatibus, officiis repellat sed tempore? Atque blanditiis dolores doloribus, error id in ipsum iste itaque minima numquam optio quia voluptate? Ab consectetur eius fugit iste nisi! Alias autem explicabo neque, optio similique veniam voluptate. Maxime?"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem blanditiis cupiditate dolorem, eligendi iusto laudantium magni minima nobis nostrum possimus, quos reiciendis repudiandae tempora ullam unde veniam veritatis. Accusamus aliquid asperiores atque, corporis dolor doloremque dolorum eaque error et hic illo molestiae natus possimus provident quae quam rem sapiente voluptas?"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo fugiat harum illum natus necessitatibus nobis suscipit velit? Amet architecto deleniti dignissimos explicabo harum ipsum, laudantium libero nemo obcaecati odit provident, recusandae reprehenderit vitae. A inventore libero officiis temporibus voluptatem! Alias aut dicta distinctio ipsum laboriosam magnam maiores nemo nisi quasi?"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam asperiores assumenda atque consequuntur eligendi fuga, fugit id magnam magni maxime, obcaecati officia perferendis praesentium quia quis quod repellat, reprehenderit rerum similique sunt? Cum, dicta dolore eaque id iure nisi reprehenderit. Aliquam illum laborum nostrum quaerat velit veniam. Aliquam, dignissimos, soluta."),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur doloribus, eius ipsa magnam magni natus nisi nulla praesentium voluptatem voluptates. Ab amet atque, blanditiis culpa deleniti doloremque ducimus eos error expedita harum libero, maxime modi officiis provident, tenetur totam voluptatum. A, dolor doloribus exercitationem facere inventore nisi quos saepe voluptatibus!"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum, nobis temporibus. Animi dolor earum eveniet illo incidunt laborum magnam nemo nobis perspiciatis porro, praesentium quaerat sequi tempora! A amet soluta sunt ut voluptas. Ad, architecto blanditiis, cum delectus dolores in nemo, obcaecati odio qui quidem quo quod repellendus unde. Quae?"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto dolores possimus quam tenetur. A aliquam aperiam dolorem doloremque eos esse, est harum illum, ipsam maiores molestiae, neque obcaecati perferendis praesentium provident quae quia quos ut? Alias asperiores assumenda corporis hic maiores, nihil non tempora. A distinctio doloremque numquam tempore velit?"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores dolor ex labore quisquam sunt! Accusantium alias aliquam assumenda beatae commodi consequatur cumque deserunt, distinctio dolor dolorem doloremque fuga fugiat id impedit ipsam iste itaque iure nam nostrum, numquam odio omnis optio praesentium quae quaerat quisquam sint suscipit unde vero voluptatum!"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad amet atque autem consequatur culpa cumque deserunt distinctio doloremque error ex expedita explicabo, fugit, in incidunt maxime, molestias nam neque officiis quas quasi qui quia reiciendis similique sit tenetur! Accusantium architecto aut deleniti dolor eaque ipsam mollitia provident quasi sint ullam!"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. A assumenda at dolor harum modi nisi quibusdam quos. Consectetur dicta distinctio eos facere minus modi natus non sapiente veritatis? Aliquid, consequuntur, deleniti dignissimos esse fuga labore laudantium minima nisi nostrum nulla officia officiis perspiciatis quidem quos saepe, suscipit unde veritatis voluptate!"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet autem deleniti dicta earum eius excepturi, exercitationem molestiae nisi quae quibusdam repellat sed. Dignissimos dolores, ducimus et in nihil quisquam rerum! Consequuntur ex iste neque quas vitae. Alias assumenda doloribus dolorum exercitationem, in minima obcaecati, porro quaerat quos, rerum ut veritatis?"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusamus consequatur debitis dolor doloribus esse eveniet exercitationem illo ipsa nesciunt, nisi nobis nulla numquam perspiciatis placeat ullam vero voluptas voluptate. Amet blanditiis cupiditate debitis doloribus et eveniet in, magni maxime minima praesentium sequi sit, unde voluptatibus. Consectetur deserunt laboriosam temporibus."),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquid consequuntur cumque distinctio dolore id incidunt praesentium sequi voluptate voluptates? A ad aperiam distinctio doloribus error et inventore, modi perferendis quae qui tempora ut, velit vero? Atque molestias natus porro quisquam rem sunt? Ab accusamus delectus ipsa labore possimus ut!"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. A adipisci aperiam asperiores aspernatur assumenda commodi consequatur consequuntur culpa cum debitis deleniti dolores ea est et ex fugiat fugit id iste iure libero maiores nostrum obcaecati quod ratione, sapiente sit temporibus vel? Enim ex ipsum iusto laborum provident quidem quis quisquam."),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur beatae consequuntur corporis delectus distinctio, eius error explicabo fugiat illo labore libero modi, molestiae mollitia officia optio pariatur quam quis quos rerum soluta? Atque delectus, minus nobis officiis repudiandae temporibus? Adipisci animi dignissimos esse facere illo ipsa odio quae temporibus voluptate!"),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet at autem beatae corporis cum dolor, ea explicabo inventore ipsum magni mollitia nemo nihil, quam quibusdam voluptates. Adipisci animi asperiores cum delectus dolor, dolore, ex exercitationem hic in iure labore mollitia odit quam ratione tempora vel voluptatem! Incidunt non quo sapiente."),o.default.createElement("p",{className:"sr-item"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, aperiam asperiores blanditiis eius eum excepturi expedita facere fuga fugit illo inventore natus nemo neque officiis placeat recusandae reiciendis rem similique sit totam? Autem beatae consectetur, consequatur earum, enim eos laborum nemo neque perferendis porro quis reprehenderit sunt tempore? Odio, voluptatibus."))},l=(0,n.default)([{selector:".sr-item",options:{reset:!0}},{selector:".sr-item--sequence",options:{reset:!0,delay:400},interval:100}])(m);(0,s.render)(o.default.createElement(l,null),document.getElementById("app"))}},[9]);