diff --git a/apps/website/docs/changelog.md b/apps/website/docs/changelog.md index 6192465..e75f6a4 100644 --- a/apps/website/docs/changelog.md +++ b/apps/website/docs/changelog.md @@ -41,7 +41,7 @@ For a more detailed changelog, visit [the latest releases](https://github.com/Ve - 2013-10-04 - Moved some Shuffle instance properties to constants. Converted from 4 to 2 space indentation. Added events enum and pulled out some strings to constants. - 2013-08-30 - Added animate-in demo. - `v2.0.0` 2013-07-05 - Shuffle 2.0 with masonry, adding and removing, and more. -- 2012-11-03 - Replaced layout system with [masonry](http://masonry.desandro.com/). Items can now be different sizes! Added addtional examples. +- 2012-11-03 - Replaced layout system with [masonry](http://masonry.desandro.com/). Items can now be different sizes! Added additional examples. - 2012-10-24 - Better handling of grid item dimensions. Added a minimal markup page. - 2012-09-20 - Added `destroy` method - 2012-09-18 - Added sorting ability and made plugin responsive. Updated to Modernizr 2.6.2 diff --git a/apps/website/docs/configuration.md b/apps/website/docs/configuration.md index 480d311..5fca68e 100644 --- a/apps/website/docs/configuration.md +++ b/apps/website/docs/configuration.md @@ -22,7 +22,7 @@ Default: `0.01` Reading the width of elements isn't precise enough and can cause columns to jump between values. -### `columnWidth` [number | (conatinerWidth: number) => number] +### `columnWidth` [number | (containerWidth: number) => number] Default: `0` @@ -52,7 +52,7 @@ Default: `Shuffle.ALL_ITEMS` (`"all"`) Initial filter group. -### `gutterWidth` [number | (conatinerWidth: number) => number] +### `gutterWidth` [number | (containerWidth: number) => number] Default: `0` diff --git a/apps/website/docs/faqs.md b/apps/website/docs/faqs.md index 8daf02f..acb6a2d 100644 --- a/apps/website/docs/faqs.md +++ b/apps/website/docs/faqs.md @@ -38,7 +38,7 @@ The padding is ignored by Shuffle because it creates complexities with absolute Yes. Use the `isCentered` option. -## It’s not working with Boostrap 4 +## It’s not working with Bootstrap 4 Bootstrap 4 uses flexbox for grids, so your main shuffle container element must be a `.row` and the items inside the row (shuffle items) should all be columns. See the [Bootstrap 4 grid demo](https://codepen.io/Vestride/details/weWbJQ). diff --git a/packages/shuffle/index.d.ts b/packages/shuffle/index.d.ts index 5cef54a..47c5cc9 100644 --- a/packages/shuffle/index.d.ts +++ b/packages/shuffle/index.d.ts @@ -25,7 +25,7 @@ export interface ShuffleOptions { * A static number or function that returns a number which determines * how wide the columns are (in pixels). */ - columnWidth?: number | ((conatinerWidth: number) => number); + columnWidth?: number | ((containerWidth: number) => number); /** * If your group is not json, and is comma delimited, you could set delimiter to ','. @@ -53,7 +53,7 @@ export interface ShuffleOptions { * A static number or function that determines how wide the gutters * between columns are (in pixels). */ - gutterWidth?: number | ((conatinerWidth: number) => number); + gutterWidth?: number | ((containerWidth: number) => number); /** * Shuffle can be initialized with a sort object. It is the same object diff --git a/packages/shuffle/src/layout.js b/packages/shuffle/src/layout.js index 100404f..5fe2e73 100644 --- a/packages/shuffle/src/layout.js +++ b/packages/shuffle/src/layout.js @@ -30,7 +30,7 @@ export function getColumnSpan(itemWidth, columnWidth, columns, threshold) { * Retrieves the column set to use for placement. * @param {number} columnSpan The number of columns this current item spans. * @param {number} columns The total columns in the grid. - * @return {Array.} An array of numbers represeting the column set. + * @return {Array.} An array of numbers representing the column set. */ export function getAvailablePositions(positions, columnSpan, columns) { // The item spans only one column. diff --git a/packages/shuffle/src/shuffle.js b/packages/shuffle/src/shuffle.js index c48d0f2..d0ca799 100644 --- a/packages/shuffle/src/shuffle.js +++ b/packages/shuffle/src/shuffle.js @@ -300,7 +300,7 @@ class Shuffle extends TinyEmitter { const { speed, easing } = this.options; const positionProps = this.options.useTransforms ? ['transform'] : ['top', 'left']; - // Allow users to transtion other properties if they exist in the `before` + // Allow users to transition other properties if they exist in the `before` // css mapping of the shuffle item. const cssProps = Object.keys(ShuffleItem.Css.HIDDEN.before).map((k) => hyphenate(k)); const properties = positionProps.concat(cssProps).join(); @@ -876,7 +876,7 @@ class Shuffle extends TinyEmitter { }; // Layout all items again so that new items get positions. - // Synchonously apply positions. + // Synchronously apply positions. const itemPositions = this._getNextPositions(allSortedItemsSet.visible); allSortedItemsSet.visible.forEach((item, i) => { if (isNewItem(item)) { @@ -1134,7 +1134,7 @@ Shuffle.FilterMode = { ALL: 'all', }; -// Overrideable options +// Overridable options Shuffle.options = { // Initial filter group. group: Shuffle.ALL_ITEMS,