🔔 merge flickity-imagesloaded into master proper

remove flickity-imagesloaded package

✅ test imagesloaded

Author: desandro

js/imagesloaded.js

@@ -0,0 +1,38 @@
+// imagesloaded
+( function( window, factory ) {
+  // universal module definition
+  if ( typeof module == 'object' && module.exports ) {
+    // CommonJS
+    module.exports = factory(
+        require('./core'),
+        require('imagesloaded'),
+    );
+  } else {
+    // browser global
+    factory(
+        window.Flickity,
+        window.imagesLoaded,
+    );
+  }
+
+}( typeof window != 'undefined' ? window : this,
+    function factory( Flickity, imagesLoaded ) {
+
+Flickity.create.imagesLoaded = function() {
+  this.on( 'activate', this.imagesLoaded );
+};
+
+Flickity.prototype.imagesLoaded = function() {
+  if ( !this.options.imagesLoaded ) return;
+
+  let onImagesLoadedProgress = ( instance, image ) => {
+    let cell = this.getParentCell( image.img );
+    this.cellSizeChange( cell && cell.element );
+    if ( !this.options.freeScroll ) this.positionSliderAtSelected();
+  };
+  imagesLoaded( this.slider ).on( 'progress', onImagesLoadedProgress );
+};
+
+return Flickity;
+
+} ) );

js/index.js

@@ -17,6 +17,7 @@ if ( typeof module == 'object' && module.exports ) {
   require('./player');
   require('./add-remove-cell');
   require('./lazyload');
+  require('./imagesloaded');
 
   module.exports = Flickity;
 }

package-lock.json

@@ -20,13 +20,13 @@
     "ev-emitter": "^2.1.2",
     "fizzy-ui-utils": "^3.0.0",
     "get-size": "^3.0.0",
+    "imagesloaded": "^5.0.0",
     "unidragger": "^3.0.0"
   },
   "devDependencies": {
     "clean-css": "^5.2.2",
     "eslint": "^8.10.0",
     "eslint-plugin-metafizzy": "^2.0.1",
-    "flickity-imagesloaded": "^2.0.0",
     "jquery-bridget": "^3.0.1",
     "qunit": "^2.17.2",
     "stylelint": "^14.2.0",

package.json

@@ -39,7 +39,7 @@ <h1>ajax</h1>
 <script src="../js/page-dots.js"></script>
 <script src="../js/player.js"></script>
 <script src="../js/add-remove-cell.js"></script>
-<script src="../node_modules/flickity-imagesloaded/flickity-imagesloaded.js"></script>
+<script src="../js/imagesloaded.js"></script>
 
 <script>
 window.onajaxload = function({ items }) {
@@ -51,7 +51,7 @@ <h1>ajax</h1>
   new Flickity( gallery, {
     freeScroll: true,
     friction: 0.2,
-    // imagesLoaded: true,
+    imagesLoaded: true,
     prevNextButtons: false,
     pageDots: false,
     wrapAround: true