Shuffle v6

[Vestride]

Breaking

• Remove IE 11 from browsers list. If you need to support IE 11 (sorry), please use v5. Did you know Microsoft 365 apps and services stopped supporting IE 11 in August 2021?
• Remove matches-selector package and use the native matches (see browser support).
• Remove deprecated delimeter option (the misspelled one). Use the delimiter option instead.
• Replace window resize event listener with ResizeObserver (Force update even on disabled shuffleInstance #321). Browser support for it is very good, but if you want to support a browser that doesn't have it, you can manually add a window resize event and call update() within the event callback.
  • Removed throttleit dependency
  • Removed throttle option.
  • Removed throttleTime option.
• Changed the method signature for update().

  -shuffle.update(true);
  +shuffle.update({ recalculateSizes: false });

• Changed how data attribute are accessed. Previously, Shuffle used element.getAttribute('data-groups'). Now, it uses element.dataset.groups. dataset is very well supported now.

New features

• Added force option to update method to force shuffle to update even if it's disabled (Force update even on disabled shuffleInstance #321).

  shuffle.update({ force: true });
  

Other

• Convert demos to ES6 classes.
• Move browsers list to .browserslistrc.
• Add prettier
• Add BMC button.
• Remove polyfill.io links -- they add nothing with current versions of Chrome and others.
• Run sass division migration
• Remove dist files from git
• Move demos to codepen. Collection.
  • basic layout
  • homepage demo
  • compound filters
  • images
  • image problems
  • adding and removing
  • animated viewport entry
  • bootstrap 3 grid
  • bootstrap 4 grid
  • flexbox grid
  • with react
  • ajax
  • Shuffle v5 with IE9

Future ideas

• Migrate to monorepo #383
• Migrate to Docusaurus #382
• Migrate to js.org — shuffle.js.org #384