deploy: ecc4d8a57d

assets/js/164760aa.70a41558.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[241],{876:(e,r,t)=>{t.d(r,{Zo:()=>l,kt:()=>b});var n=t(2784);function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?s(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function i(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var p=n.createContext({}),u=function(e){var r=n.useContext(p),t=r;return e&&(t="function"==typeof e?e(r):a(a({},r),e)),t},l=function(e){var r=u(e.components);return n.createElement(p.Provider,{value:r},e.children)},c="mdxType",f={inlineCode:"code",wrapper:function(e){var r=e.children;return n.createElement(n.Fragment,{},r)}},d=n.forwardRef((function(e,r){var t=e.components,o=e.mdxType,s=e.originalType,p=e.parentName,l=i(e,["components","mdxType","originalType","parentName"]),c=u(t),d=o,b=c["".concat(p,".").concat(d)]||c[d]||f[d]||s;return t?n.createElement(b,a(a({ref:r},l),{},{components:t})):n.createElement(b,a({ref:r},l))}));function b(e,r){var t=arguments,o=r&&r.mdxType;if("string"==typeof e||o){var s=t.length,a=new Array(s);a[0]=d;var i={};for(var p in r)hasOwnProperty.call(r,p)&&(i[p]=r[p]);i.originalType=e,i[c]="string"==typeof e?e:o,a[1]=i;for(var u=2;u<s;u++)a[u]=t[u];return n.createElement.apply(null,a)}return n.createElement.apply(null,t)}d.displayName="MDXCreateElement"},469:(e,r,t)=>{t.r(r),t.d(r,{assets:()=>p,contentTitle:()=>a,default:()=>f,frontMatter:()=>s,metadata:()=>i,toc:()=>u});var n=t(8427),o=(t(2784),t(876));const s={sidebar_position:13},a="Supported browsers",i={unversionedId:"supported-browsers",id:"supported-browsers",title:"Supported browsers",description:"- Chrome",source:"@site/docs/supported-browsers.md",sourceDirName:".",slug:"/supported-browsers",permalink:"/Shuffle/docs/supported-browsers",draft:!1,editUrl:"https://github.com/Vestride/Shuffle/tree/main/apps/website/docs/docs/supported-browsers.md",tags:[],version:"current",sidebarPosition:13,frontMatter:{sidebar_position:13},sidebar:"tutorialSidebar",previous:{title:"Alternatives",permalink:"/Shuffle/docs/alternatives"},next:{title:"FAQs",permalink:"/Shuffle/docs/faqs"}},p={},u=[],l={toc:u},c="wrapper";function f(e){let{components:r,...t}=e;return(0,o.kt)(c,(0,n.Z)({},l,t,{components:r,mdxType:"MDXLayout"}),(0,o.kt)("h1",{id:"supported-browsers"},"Supported browsers"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Chrome"),(0,o.kt)("li",{parentName:"ul"},"Firefox"),(0,o.kt)("li",{parentName:"ul"},"Edge"),(0,o.kt)("li",{parentName:"ul"},"Safari")),(0,o.kt)("p",null,"If you still need to support IE 11, you can use Shuffle v5. Did you know Microsoft 365 apps and services stopped supporting IE 11 in August 2021?"))}f.isMDXComponent=!0}}]);

assets/js/164760aa.c6983a87.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[168],{3636:(e,r,t)=>{t.d(r,{Iu:()=>l,yg:()=>y});var n=t(5668);function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?s(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function i(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var p=n.createContext({}),u=function(e){var r=n.useContext(p),t=r;return e&&(t="function"==typeof e?e(r):a(a({},r),e)),t},l=function(e){var r=u(e.components);return n.createElement(p.Provider,{value:r},e.children)},c="mdxType",f={inlineCode:"code",wrapper:function(e){var r=e.children;return n.createElement(n.Fragment,{},r)}},d=n.forwardRef((function(e,r){var t=e.components,o=e.mdxType,s=e.originalType,p=e.parentName,l=i(e,["components","mdxType","originalType","parentName"]),c=u(t),d=o,y=c["".concat(p,".").concat(d)]||c[d]||f[d]||s;return t?n.createElement(y,a(a({ref:r},l),{},{components:t})):n.createElement(y,a({ref:r},l))}));function y(e,r){var t=arguments,o=r&&r.mdxType;if("string"==typeof e||o){var s=t.length,a=new Array(s);a[0]=d;var i={};for(var p in r)hasOwnProperty.call(r,p)&&(i[p]=r[p]);i.originalType=e,i[c]="string"==typeof e?e:o,a[1]=i;for(var u=2;u<s;u++)a[u]=t[u];return n.createElement.apply(null,a)}return n.createElement.apply(null,t)}d.displayName="MDXCreateElement"},7528:(e,r,t)=>{t.r(r),t.d(r,{assets:()=>p,contentTitle:()=>a,default:()=>f,frontMatter:()=>s,metadata:()=>i,toc:()=>u});var n=t(4359),o=(t(5668),t(3636));const s={sidebar_position:13},a="Supported browsers",i={unversionedId:"supported-browsers",id:"supported-browsers",title:"Supported browsers",description:"- Chrome",source:"@site/docs/supported-browsers.md",sourceDirName:".",slug:"/supported-browsers",permalink:"/Shuffle/docs/supported-browsers",draft:!1,editUrl:"https://github.com/Vestride/Shuffle/tree/main/apps/website/docs/docs/supported-browsers.md",tags:[],version:"current",sidebarPosition:13,frontMatter:{sidebar_position:13},sidebar:"tutorialSidebar",previous:{title:"Alternatives",permalink:"/Shuffle/docs/alternatives"},next:{title:"FAQs",permalink:"/Shuffle/docs/faqs"}},p={},u=[],l={toc:u},c="wrapper";function f(e){let{components:r,...t}=e;return(0,o.yg)(c,(0,n.c)({},l,t,{components:r,mdxType:"MDXLayout"}),(0,o.yg)("h1",{id:"supported-browsers"},"Supported browsers"),(0,o.yg)("ul",null,(0,o.yg)("li",{parentName:"ul"},"Chrome"),(0,o.yg)("li",{parentName:"ul"},"Firefox"),(0,o.yg)("li",{parentName:"ul"},"Edge"),(0,o.yg)("li",{parentName:"ul"},"Safari")),(0,o.yg)("p",null,"If you still need to support IE 11, you can use Shuffle v5. Did you know Microsoft 365 apps and services stopped supporting IE 11 in August 2021?"))}f.isMDXComponent=!0}}]);

assets/js/2261bd48.43398a4e.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[315],{5745:s=>{s.exports=JSON.parse('{"name":"docusaurus-plugin-content-pages","id":"default"}')}}]);

assets/js/2261bd48.90d98c87.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[816],{590:s=>{s.exports=JSON.parse('{"name":"docusaurus-plugin-content-pages","id":"default"}')}}]);

assets/js/272.6c4fa221.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[272],{2272:(e,t,a)=>{a.r(t),a.d(t,{default:()=>c});var l=a(5668),n=a(5976),o=a(9872),r=a(4592);function c(){return l.createElement(l.Fragment,null,l.createElement(o.U7,{title:(0,n.G)({id:"theme.NotFound.title",message:"Page Not Found"})}),l.createElement(r.c,null,l.createElement("main",{className:"container margin-vert--xl"},l.createElement("div",{className:"row"},l.createElement("div",{className:"col col--6 col--offset-3"},l.createElement("h1",{className:"hero__title"},l.createElement(n.c,{id:"theme.NotFound.title",description:"The title of the 404 page"},"Page Not Found")),l.createElement("p",null,l.createElement(n.c,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page"},"We could not find what you were looking for.")),l.createElement("p",null,l.createElement(n.c,{id:"theme.NotFound.p2",description:"The 2nd paragraph of the 404 page"},"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.")))))))}}}]);

assets/js/4777fd9a.6304ee67.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[436],{3636:(e,t,r)=>{r.d(t,{Iu:()=>u,yg:()=>d});var n=r(5668);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var l=n.createContext({}),c=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):i(i({},t),e)),r},u=function(e){var t=c(e.components);return n.createElement(l.Provider,{value:t},e.children)},p="mdxType",f={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},y=n.forwardRef((function(e,t){var r=e.components,o=e.mdxType,a=e.originalType,l=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),p=c(r),y=o,d=p["".concat(l,".").concat(y)]||p[y]||f[y]||a;return r?n.createElement(d,i(i({ref:t},u),{},{components:r})):n.createElement(d,i({ref:t},u))}));function d(e,t){var r=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=r.length,i=new Array(a);i[0]=y;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s[p]="string"==typeof e?e:o,i[1]=s;for(var c=2;c<a;c++)i[c]=r[c];return n.createElement.apply(null,i)}return n.createElement.apply(null,r)}y.displayName="MDXCreateElement"},1552:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>l,contentTitle:()=>i,default:()=>f,frontMatter:()=>a,metadata:()=>s,toc:()=>c});var n=r(4359),o=(r(5668),r(3636));const a={sidebar_position:12},i="Alternatives",s={unversionedId:"alternatives",id:"alternatives",title:"Alternatives",description:"Shuffle won't fit every use case. There are also features I am not interested in implementing because of the level of effort it would take to write or they exist in other libraries.",source:"@site/docs/alternatives.md",sourceDirName:".",slug:"/alternatives",permalink:"/Shuffle/docs/alternatives",draft:!1,editUrl:"https://github.com/Vestride/Shuffle/tree/main/apps/website/docs/docs/alternatives.md",tags:[],version:"current",sidebarPosition:12,frontMatter:{sidebar_position:12},sidebar:"tutorialSidebar",previous:{title:"Custom styles",permalink:"/Shuffle/docs/custom-styles"},next:{title:"Supported browsers",permalink:"/Shuffle/docs/supported-browsers"}},l={},c=[],u={toc:c},p="wrapper";function f(e){let{components:t,...r}=e;return(0,o.yg)(p,(0,n.c)({},u,r,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("h1",{id:"alternatives"},"Alternatives"),(0,o.yg)("p",null,"Shuffle won't fit every use case. There are also features I am not interested in implementing because of the level of effort it would take to write or they exist in other libraries."),(0,o.yg)("p",null,"Shuffle likely will not grow much farther than the current feature set. If you need something with drag and drop, filling in gaps, more layout modes, etc., I suggest looking into ",(0,o.yg)("a",{parentName:"p",href:"http://packery.metafizzy.co/"},"packery")," or ",(0,o.yg)("a",{parentName:"p",href:"http://isotope.metafizzy.co/"},"isotope"),"."))}f.isMDXComponent=!0}}]);

assets/js/4777fd9a.e31efd8d.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[192],{876:(e,t,r)=>{r.d(t,{Zo:()=>u,kt:()=>m});var n=r(2784);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var l=n.createContext({}),c=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):i(i({},t),e)),r},u=function(e){var t=c(e.components);return n.createElement(l.Provider,{value:t},e.children)},p="mdxType",f={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},d=n.forwardRef((function(e,t){var r=e.components,o=e.mdxType,a=e.originalType,l=e.parentName,u=s(e,["components","mdxType","originalType","parentName"]),p=c(r),d=o,m=p["".concat(l,".").concat(d)]||p[d]||f[d]||a;return r?n.createElement(m,i(i({ref:t},u),{},{components:r})):n.createElement(m,i({ref:t},u))}));function m(e,t){var r=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=r.length,i=new Array(a);i[0]=d;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s[p]="string"==typeof e?e:o,i[1]=s;for(var c=2;c<a;c++)i[c]=r[c];return n.createElement.apply(null,i)}return n.createElement.apply(null,r)}d.displayName="MDXCreateElement"},9630:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>l,contentTitle:()=>i,default:()=>f,frontMatter:()=>a,metadata:()=>s,toc:()=>c});var n=r(8427),o=(r(2784),r(876));const a={sidebar_position:12},i="Alternatives",s={unversionedId:"alternatives",id:"alternatives",title:"Alternatives",description:"Shuffle won't fit every use case. There are also features I am not interested in implementing because of the level of effort it would take to write or they exist in other libraries.",source:"@site/docs/alternatives.md",sourceDirName:".",slug:"/alternatives",permalink:"/Shuffle/docs/alternatives",draft:!1,editUrl:"https://github.com/Vestride/Shuffle/tree/main/apps/website/docs/docs/alternatives.md",tags:[],version:"current",sidebarPosition:12,frontMatter:{sidebar_position:12},sidebar:"tutorialSidebar",previous:{title:"Custom styles",permalink:"/Shuffle/docs/custom-styles"},next:{title:"Supported browsers",permalink:"/Shuffle/docs/supported-browsers"}},l={},c=[],u={toc:c},p="wrapper";function f(e){let{components:t,...r}=e;return(0,o.kt)(p,(0,n.Z)({},u,r,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h1",{id:"alternatives"},"Alternatives"),(0,o.kt)("p",null,"Shuffle won't fit every use case. There are also features I am not interested in implementing because of the level of effort it would take to write or they exist in other libraries."),(0,o.kt)("p",null,"Shuffle likely will not grow much farther than the current feature set. If you need something with drag and drop, filling in gaps, more layout modes, etc., I suggest looking into ",(0,o.kt)("a",{parentName:"p",href:"http://packery.metafizzy.co/"},"packery")," or ",(0,o.kt)("a",{parentName:"p",href:"http://isotope.metafizzy.co/"},"isotope"),"."))}f.isMDXComponent=!0}}]);

assets/js/6.74d32451.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[6],{2006:(e,t,a)=>{a.r(t),a.d(t,{default:()=>i});var l=a(2784),n=a(1077),o=a(328),r=a(4602);function i(){return l.createElement(l.Fragment,null,l.createElement(o.d,{title:(0,n.I)({id:"theme.NotFound.title",message:"Page Not Found"})}),l.createElement(r.Z,null,l.createElement("main",{className:"container margin-vert--xl"},l.createElement("div",{className:"row"},l.createElement("div",{className:"col col--6 col--offset-3"},l.createElement("h1",{className:"hero__title"},l.createElement(n.Z,{id:"theme.NotFound.title",description:"The title of the 404 page"},"Page Not Found")),l.createElement("p",null,l.createElement(n.Z,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page"},"We could not find what you were looking for.")),l.createElement("p",null,l.createElement(n.Z,{id:"theme.NotFound.p2",description:"The 2nd paragraph of the 404 page"},"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.")))))))}}}]);

assets/js/828b0528.97471e68.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[760],{3636:(e,t,r)=>{r.d(t,{Iu:()=>d,yg:()=>f});var n=r(5668);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var p=n.createContext({}),s=function(e){var t=n.useContext(p),r=t;return e&&(r="function"==typeof e?e(t):i(i({},t),e)),r},d=function(e){var t=s(e.components);return n.createElement(p.Provider,{value:t},e.children)},c="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,o=e.originalType,p=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),c=s(r),u=a,f=c["".concat(p,".").concat(u)]||c[u]||m[u]||o;return r?n.createElement(f,i(i({ref:t},d),{},{components:r})):n.createElement(f,i({ref:t},d))}));function f(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=r.length,i=new Array(o);i[0]=u;var l={};for(var p in t)hasOwnProperty.call(t,p)&&(l[p]=t[p]);l.originalType=e,l[c]="string"==typeof e?e:a,i[1]=l;for(var s=2;s<o;s++)i[s]=r[s];return n.createElement.apply(null,i)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},6544:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>m,frontMatter:()=>o,metadata:()=>l,toc:()=>s});var n=r(4359),a=(r(5668),r(3636));const o={},i="List of demos",l={unversionedId:"demos",id:"demos",title:"List of demos",description:"Check out the CodePen collection here.",source:"@site/docs/demos.md",sourceDirName:".",slug:"/demos",permalink:"/Shuffle/docs/demos",draft:!1,editUrl:"https://github.com/Vestride/Shuffle/tree/main/apps/website/docs/docs/demos.md",tags:[],version:"current",frontMatter:{},sidebar:"tutorialSidebar",previous:{title:"Changelog (abbreviated)",permalink:"/Shuffle/docs/changelog"}},p={},s=[],d={toc:s},c="wrapper";function m(e){let{components:t,...r}=e;return(0,a.yg)(c,(0,n.c)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("h1",{id:"list-of-demos"},"List of demos"),(0,a.yg)("p",null,"Check out the CodePen collection ",(0,a.yg)("a",{parentName:"p",href:"https://codepen.io/collection/AWGLbd"},"here"),"."),(0,a.yg)("ul",null,(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/qrjOpX"},"basic layout")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/ZVWmMX"},"homepage demo")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/qBVRKvx"},"compound filters")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/podNGMR"},"images")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/jOaVVdM"},"image problems")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/yLParZL"},"adding and removing")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/jOaMMYj"},"animated viewport entry")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/xxPgzXq"},"bootstrap 3 grid")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/weWbJQ"},"bootstrap 4 grid")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/podNGMR"},"flexbox grid")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/XWzNwjj"},"with react")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/mdqrYbG"},"ajax")),(0,a.yg)("li",{parentName:"ul"},(0,a.yg)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/dvExbg"},"Shuffle v5 with IE9"))))}m.isMDXComponent=!0}}]);

assets/js/828b0528.ab1698e8.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[261],{876:(e,t,r)=>{r.d(t,{Zo:()=>d,kt:()=>f});var n=r(2784);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var p=n.createContext({}),s=function(e){var t=n.useContext(p),r=t;return e&&(r="function"==typeof e?e(t):i(i({},t),e)),r},d=function(e){var t=s(e.components);return n.createElement(p.Provider,{value:t},e.children)},c="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,o=e.originalType,p=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),c=s(r),u=a,f=c["".concat(p,".").concat(u)]||c[u]||m[u]||o;return r?n.createElement(f,i(i({ref:t},d),{},{components:r})):n.createElement(f,i({ref:t},d))}));function f(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=r.length,i=new Array(o);i[0]=u;var l={};for(var p in t)hasOwnProperty.call(t,p)&&(l[p]=t[p]);l.originalType=e,l[c]="string"==typeof e?e:a,i[1]=l;for(var s=2;s<o;s++)i[s]=r[s];return n.createElement.apply(null,i)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},1065:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>m,frontMatter:()=>o,metadata:()=>l,toc:()=>s});var n=r(8427),a=(r(2784),r(876));const o={},i="List of demos",l={unversionedId:"demos",id:"demos",title:"List of demos",description:"Check out the CodePen collection here.",source:"@site/docs/demos.md",sourceDirName:".",slug:"/demos",permalink:"/Shuffle/docs/demos",draft:!1,editUrl:"https://github.com/Vestride/Shuffle/tree/main/apps/website/docs/docs/demos.md",tags:[],version:"current",frontMatter:{},sidebar:"tutorialSidebar",previous:{title:"Changelog (abbreviated)",permalink:"/Shuffle/docs/changelog"}},p={},s=[],d={toc:s},c="wrapper";function m(e){let{components:t,...r}=e;return(0,a.kt)(c,(0,n.Z)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"list-of-demos"},"List of demos"),(0,a.kt)("p",null,"Check out the CodePen collection ",(0,a.kt)("a",{parentName:"p",href:"https://codepen.io/collection/AWGLbd"},"here"),"."),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/qrjOpX"},"basic layout")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/ZVWmMX"},"homepage demo")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/qBVRKvx"},"compound filters")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/podNGMR"},"images")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/jOaVVdM"},"image problems")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/yLParZL"},"adding and removing")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/jOaMMYj"},"animated viewport entry")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/xxPgzXq"},"bootstrap 3 grid")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/weWbJQ"},"bootstrap 4 grid")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/podNGMR"},"flexbox grid")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/XWzNwjj"},"with react")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/mdqrYbG"},"ajax")),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("a",{parentName:"li",href:"https://codepen.io/Vestride/details/dvExbg"},"Shuffle v5 with IE9"))))}m.isMDXComponent=!0}}]);

assets/js/935f2afb.93ad64f9.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[53],{1109:e=>{e.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"tutorialSidebar":[{"type":"link","label":"Installation","href":"/Shuffle/docs/install","docId":"install"},{"type":"link","label":"Getting started","href":"/Shuffle/docs/getting-started","docId":"getting-started"},{"type":"link","label":"How column widths work","href":"/Shuffle/docs/column-widths","docId":"column-widths"},{"type":"link","label":"Configuring Shuffle","href":"/Shuffle/docs/configuration","docId":"configuration"},{"type":"link","label":"Filters","href":"/Shuffle/docs/filters","docId":"filters"},{"type":"link","label":"Advanced filters","href":"/Shuffle/docs/advanced-filters","docId":"advanced-filters"},{"type":"link","label":"Sorting","href":"/Shuffle/docs/sorting","docId":"sorting"},{"type":"link","label":"Events","href":"/Shuffle/docs/events","docId":"events"},{"type":"link","label":"Adding and removing items","href":"/Shuffle/docs/adding-removing","docId":"adding-removing"},{"type":"link","label":"API","href":"/Shuffle/docs/api","docId":"api"},{"type":"link","label":"Custom styles","href":"/Shuffle/docs/custom-styles","docId":"custom-styles"},{"type":"link","label":"Alternatives","href":"/Shuffle/docs/alternatives","docId":"alternatives"},{"type":"link","label":"Supported browsers","href":"/Shuffle/docs/supported-browsers","docId":"supported-browsers"},{"type":"link","label":"FAQs","href":"/Shuffle/docs/faqs","docId":"faqs"},{"type":"link","label":"Changelog (abbreviated)","href":"/Shuffle/docs/changelog","docId":"changelog"},{"type":"link","label":"List of demos","href":"/Shuffle/docs/demos","docId":"demos"}]},"docs":{"adding-removing":{"id":"adding-removing","title":"Adding and removing items","description":"You can add and remove elements from shuffle after it has been created. This also works for infinite scrolling.","sidebar":"tutorialSidebar"},"advanced-filters":{"id":"advanced-filters","title":"Advanced filters","description":"By passing a function to filter, you can fully customize filtering items. Shuffle will iterate over each item and give your function the element and the shuffle instance. Return true to keep the element or false to hide it.","sidebar":"tutorialSidebar"},"alternatives":{"id":"alternatives","title":"Alternatives","description":"Shuffle won\'t fit every use case. There are also features I am not interested in implementing because of the level of effort it would take to write or they exist in other libraries.","sidebar":"tutorialSidebar"},"api":{"id":"api","title":"API","description":"A list of the methods available to you and what they do.","sidebar":"tutorialSidebar"},"changelog":{"id":"changelog","title":"Changelog (abbreviated)","description":"For a more detailed changelog, visit the latest releases on GitHub.","sidebar":"tutorialSidebar"},"column-widths":{"id":"column-widths","title":"How column widths work","description":"There are 4 options for defining the width of the columns:","sidebar":"tutorialSidebar"},"configuration":{"id":"configuration","title":"Configuring Shuffle","description":"Here are the options you can change, as well as their defaults. The Shuffle.options property contains all the defaults.","sidebar":"tutorialSidebar"},"custom-styles":{"id":"custom-styles","title":"Custom styles","description":"You can customize the default styles which are applied to Shuffle items upon initialization, before layout, after layout, before hiding, and after hidden.","sidebar":"tutorialSidebar"},"demos":{"id":"demos","title":"List of demos","description":"Check out the CodePen collection here.","sidebar":"tutorialSidebar"},"events":{"id":"events","title":"Events","description":"Shuffle is a subclass of TinyEmitter. It emits an event when a layout happens and when elements are removed. The event names are Shuffle.EventType.LAYOUT and Shuffle.EventType.REMOVED.","sidebar":"tutorialSidebar"},"faqs":{"id":"faqs","title":"FAQs","description":"Why Does Shuffle leave empty spaces?","sidebar":"tutorialSidebar"},"filters":{"id":"filters","title":"Filters","description":"Filter by a group","sidebar":"tutorialSidebar"},"getting-started":{"id":"getting-started","title":"Getting started","description":"HTML markup","sidebar":"tutorialSidebar"},"install":{"id":"install","title":"Installation","description":"Try it out on CodePen","sidebar":"tutorialSidebar"},"sorting":{"id":"sorting","title":"Sorting","description":"You can order the elements with a function you supply. In the demo above, each item has a data-date-created and data-title attribute which are used for sorting.","sidebar":"tutorialSidebar"},"supported-browsers":{"id":"supported-browsers","title":"Supported browsers","description":"- Chrome","sidebar":"tutorialSidebar"}}}')}}]);

assets/js/935f2afb.c387a812.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[696],{5988:e=>{e.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"tutorialSidebar":[{"type":"link","label":"Installation","href":"/Shuffle/docs/install","docId":"install"},{"type":"link","label":"Getting started","href":"/Shuffle/docs/getting-started","docId":"getting-started"},{"type":"link","label":"How column widths work","href":"/Shuffle/docs/column-widths","docId":"column-widths"},{"type":"link","label":"Configuring Shuffle","href":"/Shuffle/docs/configuration","docId":"configuration"},{"type":"link","label":"Filters","href":"/Shuffle/docs/filters","docId":"filters"},{"type":"link","label":"Advanced filters","href":"/Shuffle/docs/advanced-filters","docId":"advanced-filters"},{"type":"link","label":"Sorting","href":"/Shuffle/docs/sorting","docId":"sorting"},{"type":"link","label":"Events","href":"/Shuffle/docs/events","docId":"events"},{"type":"link","label":"Adding and removing items","href":"/Shuffle/docs/adding-removing","docId":"adding-removing"},{"type":"link","label":"API","href":"/Shuffle/docs/api","docId":"api"},{"type":"link","label":"Custom styles","href":"/Shuffle/docs/custom-styles","docId":"custom-styles"},{"type":"link","label":"Alternatives","href":"/Shuffle/docs/alternatives","docId":"alternatives"},{"type":"link","label":"Supported browsers","href":"/Shuffle/docs/supported-browsers","docId":"supported-browsers"},{"type":"link","label":"FAQs","href":"/Shuffle/docs/faqs","docId":"faqs"},{"type":"link","label":"Changelog (abbreviated)","href":"/Shuffle/docs/changelog","docId":"changelog"},{"type":"link","label":"List of demos","href":"/Shuffle/docs/demos","docId":"demos"}]},"docs":{"adding-removing":{"id":"adding-removing","title":"Adding and removing items","description":"You can add and remove elements from shuffle after it has been created. This also works for infinite scrolling.","sidebar":"tutorialSidebar"},"advanced-filters":{"id":"advanced-filters","title":"Advanced filters","description":"By passing a function to filter, you can fully customize filtering items. Shuffle will iterate over each item and give your function the element and the shuffle instance. Return true to keep the element or false to hide it.","sidebar":"tutorialSidebar"},"alternatives":{"id":"alternatives","title":"Alternatives","description":"Shuffle won\'t fit every use case. There are also features I am not interested in implementing because of the level of effort it would take to write or they exist in other libraries.","sidebar":"tutorialSidebar"},"api":{"id":"api","title":"API","description":"A list of the methods available to you and what they do.","sidebar":"tutorialSidebar"},"changelog":{"id":"changelog","title":"Changelog (abbreviated)","description":"For a more detailed changelog, visit the latest releases on GitHub.","sidebar":"tutorialSidebar"},"column-widths":{"id":"column-widths","title":"How column widths work","description":"There are 4 options for defining the width of the columns:","sidebar":"tutorialSidebar"},"configuration":{"id":"configuration","title":"Configuring Shuffle","description":"Here are the options you can change, as well as their defaults. The Shuffle.options property contains all the defaults.","sidebar":"tutorialSidebar"},"custom-styles":{"id":"custom-styles","title":"Custom styles","description":"You can customize the default styles which are applied to Shuffle items upon initialization, before layout, after layout, before hiding, and after hidden.","sidebar":"tutorialSidebar"},"demos":{"id":"demos","title":"List of demos","description":"Check out the CodePen collection here.","sidebar":"tutorialSidebar"},"events":{"id":"events","title":"Events","description":"Shuffle is a subclass of TinyEmitter. It emits an event when a layout happens and when elements are removed. The event names are Shuffle.EventType.LAYOUT and Shuffle.EventType.REMOVED.","sidebar":"tutorialSidebar"},"faqs":{"id":"faqs","title":"FAQs","description":"Why Does Shuffle leave empty spaces?","sidebar":"tutorialSidebar"},"filters":{"id":"filters","title":"Filters","description":"Filter by a group","sidebar":"tutorialSidebar"},"getting-started":{"id":"getting-started","title":"Getting started","description":"HTML markup","sidebar":"tutorialSidebar"},"install":{"id":"install","title":"Installation","description":"Try it out on CodePen","sidebar":"tutorialSidebar"},"sorting":{"id":"sorting","title":"Sorting","description":"You can order the elements with a function you supply. In the demo above, each item has a data-date-created and data-title attribute which are used for sorting.","sidebar":"tutorialSidebar"},"supported-browsers":{"id":"supported-browsers","title":"Supported browsers","description":"- Chrome","sidebar":"tutorialSidebar"}}}')}}]);

assets/js/aa72d29b.888d2217.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[848],{3636:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>d});var r=n(5668);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=r.createContext({}),u=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},c=function(e){var t=u(e.components);return r.createElement(s.Provider,{value:t},e.children)},f="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},y=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,s=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),f=u(n),y=o,d=f["".concat(s,".").concat(y)]||f[y]||p[y]||a;return n?r.createElement(d,i(i({ref:t},c),{},{components:n})):r.createElement(d,i({ref:t},c))}));function d(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,i=new Array(a);i[0]=y;var l={};for(var s in t)hasOwnProperty.call(t,s)&&(l[s]=t[s]);l.originalType=e,l[f]="string"==typeof e?e:o,i[1]=l;for(var u=2;u<a;u++)i[u]=n[u];return r.createElement.apply(null,i)}return r.createElement.apply(null,n)}y.displayName="MDXCreateElement"},940:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>i,default:()=>p,frontMatter:()=>a,metadata:()=>l,toc:()=>u});var r=n(4359),o=(n(5668),n(3636));const a={sidebar_position:11},i="Custom styles",l={unversionedId:"custom-styles",id:"custom-styles",title:"Custom styles",description:"You can customize the default styles which are applied to Shuffle items upon initialization, before layout, after layout, before hiding, and after hidden.",source:"@site/docs/custom-styles.md",sourceDirName:".",slug:"/custom-styles",permalink:"/Shuffle/docs/custom-styles",draft:!1,editUrl:"https://github.com/Vestride/Shuffle/tree/main/apps/website/docs/docs/custom-styles.md",tags:[],version:"current",sidebarPosition:11,frontMatter:{sidebar_position:11},sidebar:"tutorialSidebar",previous:{title:"API",permalink:"/Shuffle/docs/api"},next:{title:"Alternatives",permalink:"/Shuffle/docs/alternatives"}},s={},u=[],c={toc:u},f="wrapper";function p(e){let{components:t,...n}=e;return(0,o.yg)(f,(0,r.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("h1",{id:"custom-styles"},"Custom styles"),(0,o.yg)("p",null,"You can customize the default styles which are applied to Shuffle items upon initialization, before layout, after layout, before hiding, and after hidden."),(0,o.yg)("p",null,"Here are the defaults:"),(0,o.yg)("pre",null,(0,o.yg)("code",{parentName:"pre",className:"language-js"},"ShuffleItem.Css = {\n  INITIAL: {\n    position: 'absolute',\n    top: 0,\n    visibility: 'visible',\n    willChange: 'transform',\n  },\n  DIRECTION: {\n    ltr: {\n      left: 0,\n    },\n    rtl: {\n      right: 0,\n    },\n  },\n  VISIBLE: {\n    before: {\n      opacity: 1,\n      visibility: 'visible',\n    },\n    after: {\n      transitionDelay: '',\n    },\n  },\n  HIDDEN: {\n    before: {\n      opacity: 0,\n    },\n    after: {\n      visibility: 'hidden',\n      transitionDelay: '',\n    },\n  },\n};\n\nShuffleItem.Scale = {\n  VISIBLE: 1,\n  HIDDEN: 0.001,\n};\n")),(0,o.yg)("p",null,"If you wanted to add a 50% red background to every item when they initialize, you could do this:"),(0,o.yg)("pre",null,(0,o.yg)("code",{parentName:"pre",className:"language-js"},"Shuffle.ShuffleItem.Css.INITIAL.backgroundColor = 'rgba(255, 0, 0, 0.5)';\n")),(0,o.yg)("p",null,"To set the text color to ",(0,o.yg)("inlineCode",{parentName:"p"},"teal")," after the item has finished moving:"),(0,o.yg)("pre",null,(0,o.yg)("code",{parentName:"pre",className:"language-js"},"Shuffle.ShuffleItem.Css.VISIBLE.after.color = 'teal';\n")),(0,o.yg)("p",null,"You can also customize the scaling effect with visible or hidden items."),(0,o.yg)("pre",null,(0,o.yg)("code",{parentName:"pre",className:"language-js"},"Shuffle.ShuffleItem.Scale.HIDDEN = 0.5;\n")))}p.isMDXComponent=!0}}]);

assets/js/aa72d29b.bad6b817.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[202],{876:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>m});var r=n(2784);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=r.createContext({}),u=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},c=function(e){var t=u(e.components);return r.createElement(s.Provider,{value:t},e.children)},f="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},d=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,s=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),f=u(n),d=o,m=f["".concat(s,".").concat(d)]||f[d]||p[d]||a;return n?r.createElement(m,i(i({ref:t},c),{},{components:n})):r.createElement(m,i({ref:t},c))}));function m(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,i=new Array(a);i[0]=d;var l={};for(var s in t)hasOwnProperty.call(t,s)&&(l[s]=t[s]);l.originalType=e,l[f]="string"==typeof e?e:o,i[1]=l;for(var u=2;u<a;u++)i[u]=n[u];return r.createElement.apply(null,i)}return r.createElement.apply(null,n)}d.displayName="MDXCreateElement"},4189:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>i,default:()=>p,frontMatter:()=>a,metadata:()=>l,toc:()=>u});var r=n(8427),o=(n(2784),n(876));const a={sidebar_position:11},i="Custom styles",l={unversionedId:"custom-styles",id:"custom-styles",title:"Custom styles",description:"You can customize the default styles which are applied to Shuffle items upon initialization, before layout, after layout, before hiding, and after hidden.",source:"@site/docs/custom-styles.md",sourceDirName:".",slug:"/custom-styles",permalink:"/Shuffle/docs/custom-styles",draft:!1,editUrl:"https://github.com/Vestride/Shuffle/tree/main/apps/website/docs/docs/custom-styles.md",tags:[],version:"current",sidebarPosition:11,frontMatter:{sidebar_position:11},sidebar:"tutorialSidebar",previous:{title:"API",permalink:"/Shuffle/docs/api"},next:{title:"Alternatives",permalink:"/Shuffle/docs/alternatives"}},s={},u=[],c={toc:u},f="wrapper";function p(e){let{components:t,...n}=e;return(0,o.kt)(f,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h1",{id:"custom-styles"},"Custom styles"),(0,o.kt)("p",null,"You can customize the default styles which are applied to Shuffle items upon initialization, before layout, after layout, before hiding, and after hidden."),(0,o.kt)("p",null,"Here are the defaults:"),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-js"},"ShuffleItem.Css = {\n  INITIAL: {\n    position: 'absolute',\n    top: 0,\n    visibility: 'visible',\n    willChange: 'transform',\n  },\n  DIRECTION: {\n    ltr: {\n      left: 0,\n    },\n    rtl: {\n      right: 0,\n    },\n  },\n  VISIBLE: {\n    before: {\n      opacity: 1,\n      visibility: 'visible',\n    },\n    after: {\n      transitionDelay: '',\n    },\n  },\n  HIDDEN: {\n    before: {\n      opacity: 0,\n    },\n    after: {\n      visibility: 'hidden',\n      transitionDelay: '',\n    },\n  },\n};\n\nShuffleItem.Scale = {\n  VISIBLE: 1,\n  HIDDEN: 0.001,\n};\n")),(0,o.kt)("p",null,"If you wanted to add a 50% red background to every item when they initialize, you could do this:"),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-js"},"Shuffle.ShuffleItem.Css.INITIAL.backgroundColor = 'rgba(255, 0, 0, 0.5)';\n")),(0,o.kt)("p",null,"To set the text color to ",(0,o.kt)("inlineCode",{parentName:"p"},"teal")," after the item has finished moving:"),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-js"},"Shuffle.ShuffleItem.Css.VISIBLE.after.color = 'teal';\n")),(0,o.kt)("p",null,"You can also customize the scaling effect with visible or hidden items."),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-js"},"Shuffle.ShuffleItem.Scale.HIDDEN = 0.5;\n")))}p.isMDXComponent=!0}}]);

assets/js/c4de80f8.b3e3ba1d.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[224],{3636:(e,t,n)=>{n.d(t,{Iu:()=>p,yg:()=>y});var r=n(5668);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=r.createContext({}),c=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},p=function(e){var t=c(e.components);return r.createElement(s.Provider,{value:t},e.children)},u="mdxType",f={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},d=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,s=e.parentName,p=i(e,["components","mdxType","originalType","parentName"]),u=c(n),d=o,y=u["".concat(s,".").concat(d)]||u[d]||f[d]||a;return n?r.createElement(y,l(l({ref:t},p),{},{components:n})):r.createElement(y,l({ref:t},p))}));function y(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,l=new Array(a);l[0]=d;var i={};for(var s in t)hasOwnProperty.call(t,s)&&(i[s]=t[s]);i.originalType=e,i[u]="string"==typeof e?e:o,l[1]=i;for(var c=2;c<a;c++)l[c]=n[c];return r.createElement.apply(null,l)}return r.createElement.apply(null,n)}d.displayName="MDXCreateElement"},5364:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>l,default:()=>f,frontMatter:()=>a,metadata:()=>i,toc:()=>c});var r=n(4359),o=(n(5668),n(3636));const a={sidebar_position:1},l="Installation",i={unversionedId:"install",id:"install",title:"Installation",description:"Try it out on CodePen",source:"@site/docs/install.md",sourceDirName:".",slug:"/install",permalink:"/Shuffle/docs/install",draft:!1,editUrl:"https://github.com/Vestride/Shuffle/tree/main/apps/website/docs/docs/install.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"tutorialSidebar",next:{title:"Getting started",permalink:"/Shuffle/docs/getting-started"}},s={},c=[{value:"Try it out on CodePen",id:"try-it-out-on-codepen",level:2},{value:"Releases",id:"releases",level:2}],p={toc:c},u="wrapper";function f(e){let{components:t,...n}=e;return(0,o.yg)(u,(0,r.c)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("h1",{id:"installation"},"Installation"),(0,o.yg)("pre",null,(0,o.yg)("code",{parentName:"pre",className:"language-shell"},"npm install shufflejs\n")),(0,o.yg)("h2",{id:"try-it-out-on-codepen"},"Try it out on CodePen"),(0,o.yg)("p",null,(0,o.yg)("a",{parentName:"p",href:"http://codepen.io/pen?template=qrjOpX"},"Start a CodePen with a Shuffle template")),(0,o.yg)("p",null,"View the ",(0,o.yg)("a",{parentName:"p",href:"https://codepen.io/collection/AWGLbd"},"Shuffle collection")," on CodePen."),(0,o.yg)("h2",{id:"releases"},"Releases"),(0,o.yg)("p",null,(0,o.yg)("a",{parentName:"p",href:"https://github.com/Vestride/Shuffle/releases"},"See the latest release")))}f.isMDXComponent=!0}}]);

assets/js/c4de80f8.f221503f.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[943],{876:(e,t,n)=>{n.d(t,{Zo:()=>p,kt:()=>m});var r=n(2784);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=r.createContext({}),c=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},p=function(e){var t=c(e.components);return r.createElement(s.Provider,{value:t},e.children)},u="mdxType",f={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},d=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,s=e.parentName,p=i(e,["components","mdxType","originalType","parentName"]),u=c(n),d=o,m=u["".concat(s,".").concat(d)]||u[d]||f[d]||a;return n?r.createElement(m,l(l({ref:t},p),{},{components:n})):r.createElement(m,l({ref:t},p))}));function m(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,l=new Array(a);l[0]=d;var i={};for(var s in t)hasOwnProperty.call(t,s)&&(i[s]=t[s]);i.originalType=e,i[u]="string"==typeof e?e:o,l[1]=i;for(var c=2;c<a;c++)l[c]=n[c];return r.createElement.apply(null,l)}return r.createElement.apply(null,n)}d.displayName="MDXCreateElement"},1576:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>l,default:()=>f,frontMatter:()=>a,metadata:()=>i,toc:()=>c});var r=n(8427),o=(n(2784),n(876));const a={sidebar_position:1},l="Installation",i={unversionedId:"install",id:"install",title:"Installation",description:"Try it out on CodePen",source:"@site/docs/install.md",sourceDirName:".",slug:"/install",permalink:"/Shuffle/docs/install",draft:!1,editUrl:"https://github.com/Vestride/Shuffle/tree/main/apps/website/docs/docs/install.md",tags:[],version:"current",sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"tutorialSidebar",next:{title:"Getting started",permalink:"/Shuffle/docs/getting-started"}},s={},c=[{value:"Try it out on CodePen",id:"try-it-out-on-codepen",level:2},{value:"Releases",id:"releases",level:2}],p={toc:c},u="wrapper";function f(e){let{components:t,...n}=e;return(0,o.kt)(u,(0,r.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h1",{id:"installation"},"Installation"),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-shell"},"npm install shufflejs\n")),(0,o.kt)("h2",{id:"try-it-out-on-codepen"},"Try it out on CodePen"),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"http://codepen.io/pen?template=qrjOpX"},"Start a CodePen with a Shuffle template")),(0,o.kt)("p",null,"View the ",(0,o.kt)("a",{parentName:"p",href:"https://codepen.io/collection/AWGLbd"},"Shuffle collection")," on CodePen."),(0,o.kt)("h2",{id:"releases"},"Releases"),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://github.com/Vestride/Shuffle/releases"},"See the latest release")))}f.isMDXComponent=!0}}]);

assets/js/d700bc26.446e0646.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[141],{876:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>m});var r=n(2784);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var l=r.createContext({}),p=function(e){var t=r.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},c=function(e){var t=p(e.components);return r.createElement(l.Provider,{value:t},e.children)},u="mdxType",f={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},d=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,o=e.originalType,l=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),u=p(n),d=a,m=u["".concat(l,".").concat(d)]||u[d]||f[d]||o;return n?r.createElement(m,i(i({ref:t},c),{},{components:n})):r.createElement(m,i({ref:t},c))}));function m(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=n.length,i=new Array(o);i[0]=d;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s[u]="string"==typeof e?e:a,i[1]=s;for(var p=2;p<o;p++)i[p]=n[p];return r.createElement.apply(null,i)}return r.createElement.apply(null,n)}d.displayName="MDXCreateElement"},7396:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>i,default:()=>f,frontMatter:()=>o,metadata:()=>s,toc:()=>p});var r=n(8427),a=(n(2784),n(876));const o={sidebar_position:8},i="Events",s={unversionedId:"events",id:"events",title:"Events",description:"Shuffle is a subclass of TinyEmitter. It emits an event when a layout happens and when elements are removed. The event names are Shuffle.EventType.LAYOUT and Shuffle.EventType.REMOVED.",source:"@site/docs/events.md",sourceDirName:".",slug:"/events",permalink:"/Shuffle/docs/events",draft:!1,editUrl:"https://github.com/Vestride/Shuffle/tree/main/apps/website/docs/docs/events.md",tags:[],version:"current",sidebarPosition:8,frontMatter:{sidebar_position:8},sidebar:"tutorialSidebar",previous:{title:"Sorting",permalink:"/Shuffle/docs/sorting"},next:{title:"Adding and removing items",permalink:"/Shuffle/docs/adding-removing"}},l={},p=[{value:"Get notified when a layout happens",id:"get-notified-when-a-layout-happens",level:2},{value:"Do something when an item is removed",id:"do-something-when-an-item-is-removed",level:2}],c={toc:p},u="wrapper";function f(e){let{components:t,...n}=e;return(0,a.kt)(u,(0,r.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"events"},"Events"),(0,a.kt)("p",null,"Shuffle is a subclass of ",(0,a.kt)("a",{parentName:"p",href:"https://www.npmjs.com/package/tiny-emitter"},"TinyEmitter"),". It emits an event when a layout happens and when elements are removed. The event names are ",(0,a.kt)("inlineCode",{parentName:"p"},"Shuffle.EventType.LAYOUT")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"Shuffle.EventType.REMOVED"),"."),(0,a.kt)("h2",{id:"get-notified-when-a-layout-happens"},"Get notified when a layout happens"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js"},"shuffleInstance.on(Shuffle.EventType.LAYOUT, () => {\n  console.log('Things finished moving!');\n});\n")),(0,a.kt)("h2",{id:"do-something-when-an-item-is-removed"},"Do something when an item is removed"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js"},"shuffleInstance.on(Shuffle.EventType.REMOVED, (data) => {\n  console.log(this, data, data.collection, data.shuffle);\n});\n")),(0,a.kt)("admonition",{type:"tip"},(0,a.kt)("p",{parentName:"admonition"},"Check out the homepage ",(0,a.kt)("a",{parentName:"p",href:"/"},"demo"),". It adds these events and logs them to the console.")))}f.isMDXComponent=!0}}]);

assets/js/d700bc26.4fc6f319.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[360],{3636:(e,t,n)=>{n.d(t,{Iu:()=>c,yg:()=>m});var r=n(5668);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var l=r.createContext({}),p=function(e){var t=r.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},c=function(e){var t=p(e.components);return r.createElement(l.Provider,{value:t},e.children)},u="mdxType",f={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},d=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,o=e.originalType,l=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),u=p(n),d=a,m=u["".concat(l,".").concat(d)]||u[d]||f[d]||o;return n?r.createElement(m,i(i({ref:t},c),{},{components:n})):r.createElement(m,i({ref:t},c))}));function m(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=n.length,i=new Array(o);i[0]=d;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s[u]="string"==typeof e?e:a,i[1]=s;for(var p=2;p<o;p++)i[p]=n[p];return r.createElement.apply(null,i)}return r.createElement.apply(null,n)}d.displayName="MDXCreateElement"},7132:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>i,default:()=>f,frontMatter:()=>o,metadata:()=>s,toc:()=>p});var r=n(4359),a=(n(5668),n(3636));const o={sidebar_position:8},i="Events",s={unversionedId:"events",id:"events",title:"Events",description:"Shuffle is a subclass of TinyEmitter. It emits an event when a layout happens and when elements are removed. The event names are Shuffle.EventType.LAYOUT and Shuffle.EventType.REMOVED.",source:"@site/docs/events.md",sourceDirName:".",slug:"/events",permalink:"/Shuffle/docs/events",draft:!1,editUrl:"https://github.com/Vestride/Shuffle/tree/main/apps/website/docs/docs/events.md",tags:[],version:"current",sidebarPosition:8,frontMatter:{sidebar_position:8},sidebar:"tutorialSidebar",previous:{title:"Sorting",permalink:"/Shuffle/docs/sorting"},next:{title:"Adding and removing items",permalink:"/Shuffle/docs/adding-removing"}},l={},p=[{value:"Get notified when a layout happens",id:"get-notified-when-a-layout-happens",level:2},{value:"Do something when an item is removed",id:"do-something-when-an-item-is-removed",level:2}],c={toc:p},u="wrapper";function f(e){let{components:t,...n}=e;return(0,a.yg)(u,(0,r.c)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.yg)("h1",{id:"events"},"Events"),(0,a.yg)("p",null,"Shuffle is a subclass of ",(0,a.yg)("a",{parentName:"p",href:"https://www.npmjs.com/package/tiny-emitter"},"TinyEmitter"),". It emits an event when a layout happens and when elements are removed. The event names are ",(0,a.yg)("inlineCode",{parentName:"p"},"Shuffle.EventType.LAYOUT")," and ",(0,a.yg)("inlineCode",{parentName:"p"},"Shuffle.EventType.REMOVED"),"."),(0,a.yg)("h2",{id:"get-notified-when-a-layout-happens"},"Get notified when a layout happens"),(0,a.yg)("pre",null,(0,a.yg)("code",{parentName:"pre",className:"language-js"},"shuffleInstance.on(Shuffle.EventType.LAYOUT, () => {\n  console.log('Things finished moving!');\n});\n")),(0,a.yg)("h2",{id:"do-something-when-an-item-is-removed"},"Do something when an item is removed"),(0,a.yg)("pre",null,(0,a.yg)("code",{parentName:"pre",className:"language-js"},"shuffleInstance.on(Shuffle.EventType.REMOVED, (data) => {\n  console.log(this, data, data.collection, data.shuffle);\n});\n")),(0,a.yg)("admonition",{type:"tip"},(0,a.yg)("p",{parentName:"admonition"},"Check out the homepage ",(0,a.yg)("a",{parentName:"p",href:"/"},"demo"),". It adds these events and logs them to the console.")))}f.isMDXComponent=!0}}]);

assets/js/e2d55573.c3be0306.js

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[599],{3769:s=>{s.exports=JSON.parse('{"name":"docusaurus-plugin-content-docs","id":"default"}')}}]);
+"use strict";(globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[]).push([[332],{2080:s=>{s.exports=JSON.parse('{"name":"docusaurus-plugin-content-docs","id":"default"}')}}]);

assets/js/runtime~main.0d158331.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e,t,r,a,o,d={},f={};function n(e){var t=f[e];if(void 0!==t)return t.exports;var r=f[e]={id:e,loaded:!1,exports:{}};return d[e].call(r.exports,r,r.exports,n),r.loaded=!0,r.exports}n.m=d,n.c=f,e=[],n.O=(t,r,a,o)=>{if(!r){var d=1/0;for(l=0;l<e.length;l++){for(var[r,a,o]=e[l],f=!0,c=0;c<r.length;c++)(!1&o||d>=o)&&Object.keys(n.O).every((e=>n.O[e](r[c])))?r.splice(c--,1):(f=!1,o<d&&(d=o));if(f){e.splice(l--,1);var i=a();void 0!==i&&(t=i)}}return t}o=o||0;for(var l=e.length;l>0&&e[l-1][2]>o;l--)e[l]=e[l-1];e[l]=[r,a,o]},n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,n.t=function(e,a){if(1&a&&(e=this(e)),8&a)return e;if("object"==typeof e&&e){if(4&a&&e.__esModule)return e;if(16&a&&"function"==typeof e.then)return e}var o=Object.create(null);n.r(o);var d={};t=t||[null,r({}),r([]),r(r)];for(var f=2&a&&e;"object"==typeof f&&!~t.indexOf(f);f=r(f))Object.getOwnPropertyNames(f).forEach((t=>d[t]=()=>e[t]));return d.default=()=>e,n.d(o,d),o},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((t,r)=>(n.f[r](e,t),t)),[])),n.u=e=>"assets/js/"+({48:"9beb87c2",64:"1ffdd7de",86:"3475e39f",168:"164760aa",224:"c4de80f8",256:"5fbc5cf1",332:"e2d55573",360:"d700bc26",390:"9dd8a0d2",436:"4777fd9a",512:"9348edec",632:"6ff629d8",652:"9ed00105",656:"1be78505",696:"935f2afb",752:"17896441",760:"828b0528",814:"e6a2d45a",816:"2261bd48",840:"d589d3a7",848:"aa72d29b",972:"41eae919"}[e]||e)+"."+{48:"b65d0de0",64:"4e0de674",86:"58930d4f",168:"c6983a87",224:"b3e3ba1d",256:"d376259b",272:"6c4fa221",332:"c3be0306",360:"4fc6f319",390:"a6996556",436:"6304ee67",512:"9bcd806b",632:"ad207116",652:"01279899",656:"67755c29",696:"c387a812",752:"93668992",760:"97471e68",814:"cff6903e",816:"90d98c87",840:"4b1d4a84",848:"888d2217",972:"f24bb9a0"}[e]+".js",n.miniCssF=e=>{},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a={},o="shuffle-docs:",n.l=(e,t,r,d)=>{if(a[e])a[e].push(t);else{var f,c;if(void 0!==r)for(var i=document.getElementsByTagName("script"),l=0;l<i.length;l++){var u=i[l];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==o+r){f=u;break}}f||(c=!0,(f=document.createElement("script")).charset="utf-8",f.timeout=120,n.nc&&f.setAttribute("nonce",n.nc),f.setAttribute("data-webpack",o+r),f.src=e),a[e]=[t];var b=(t,r)=>{f.onerror=f.onload=null,clearTimeout(s);var o=a[e];if(delete a[e],f.parentNode&&f.parentNode.removeChild(f),o&&o.forEach((e=>e(r))),t)return t(r)},s=setTimeout(b.bind(null,void 0,{type:"timeout",target:f}),12e4);f.onerror=b.bind(null,f.onerror),f.onload=b.bind(null,f.onload),c&&document.head.appendChild(f)}},n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.p="/Shuffle/",n.gca=function(e){return e={17896441:"752","9beb87c2":"48","1ffdd7de":"64","3475e39f":"86","164760aa":"168",c4de80f8:"224","5fbc5cf1":"256",e2d55573:"332",d700bc26:"360","9dd8a0d2":"390","4777fd9a":"436","9348edec":"512","6ff629d8":"632","9ed00105":"652","1be78505":"656","935f2afb":"696","828b0528":"760",e6a2d45a:"814","2261bd48":"816",d589d3a7:"840",aa72d29b:"848","41eae919":"972"}[e]||e,n.p+n.u(e)},(()=>{var e={296:0,176:0};n.f.j=(t,r)=>{var a=n.o(e,t)?e[t]:void 0;if(0!==a)if(a)r.push(a[2]);else if(/^(17|29)6$/.test(t))e[t]=0;else{var o=new Promise(((r,o)=>a=e[t]=[r,o]));r.push(a[2]=o);var d=n.p+n.u(t),f=new Error;n.l(d,(r=>{if(n.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var o=r&&("load"===r.type?"missing":r.type),d=r&&r.target&&r.target.src;f.message="Loading chunk "+t+" failed.\n("+o+": "+d+")",f.name="ChunkLoadError",f.type=o,f.request=d,a[1](f)}}),"chunk-"+t,t)}},n.O.j=t=>0===e[t];var t=(t,r)=>{var a,o,[d,f,c]=r,i=0;if(d.some((t=>0!==e[t]))){for(a in f)n.o(f,a)&&(n.m[a]=f[a]);if(c)var l=c(n)}for(t&&t(r);i<d.length;i++)o=d[i],n.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return n.O(l)},r=globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})()})();

assets/js/runtime~main.3a92b765.js

@@ -1 +0,0 @@
-(()=>{"use strict";var e,t,r,a,o,d={},f={};function n(e){var t=f[e];if(void 0!==t)return t.exports;var r=f[e]={id:e,loaded:!1,exports:{}};return d[e].call(r.exports,r,r.exports,n),r.loaded=!0,r.exports}n.m=d,n.c=f,e=[],n.O=(t,r,a,o)=>{if(!r){var d=1/0;for(l=0;l<e.length;l++){for(var[r,a,o]=e[l],f=!0,c=0;c<r.length;c++)(!1&o||d>=o)&&Object.keys(n.O).every((e=>n.O[e](r[c])))?r.splice(c--,1):(f=!1,o<d&&(d=o));if(f){e.splice(l--,1);var i=a();void 0!==i&&(t=i)}}return t}o=o||0;for(var l=e.length;l>0&&e[l-1][2]>o;l--)e[l]=e[l-1];e[l]=[r,a,o]},n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,n.t=function(e,a){if(1&a&&(e=this(e)),8&a)return e;if("object"==typeof e&&e){if(4&a&&e.__esModule)return e;if(16&a&&"function"==typeof e.then)return e}var o=Object.create(null);n.r(o);var d={};t=t||[null,r({}),r([]),r(r)];for(var f=2&a&&e;"object"==typeof f&&!~t.indexOf(f);f=r(f))Object.getOwnPropertyNames(f).forEach((t=>d[t]=()=>e[t]));return d.default=()=>e,n.d(o,d),o},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((t,r)=>(n.f[r](e,t),t)),[])),n.u=e=>"assets/js/"+({4:"9ed00105",53:"935f2afb",54:"9dd8a0d2",80:"9beb87c2",92:"6ff629d8",141:"d700bc26",162:"d589d3a7",192:"4777fd9a",202:"aa72d29b",207:"5fbc5cf1",211:"1ffdd7de",241:"164760aa",261:"828b0528",315:"2261bd48",456:"3475e39f",514:"1be78505",599:"e2d55573",879:"41eae919",918:"17896441",924:"e6a2d45a",943:"c4de80f8",947:"9348edec"}[e]||e)+"."+{4:"dc2984c9",6:"74d32451",53:"93ad64f9",54:"6ba1b4ce",80:"a079551a",92:"7588639d",141:"446e0646",162:"069c3b3b",192:"e31efd8d",202:"bad6b817",207:"4c44b453",211:"9a58607d",241:"70a41558",261:"ab1698e8",315:"43398a4e",456:"106e4a1c",514:"9f24e08c",599:"fc48f741",879:"d6ef93bb",918:"b2d96756",924:"e3a617b3",943:"f221503f",947:"18fbe722"}[e]+".js",n.miniCssF=e=>{},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a={},o="shuffle-docs:",n.l=(e,t,r,d)=>{if(a[e])a[e].push(t);else{var f,c;if(void 0!==r)for(var i=document.getElementsByTagName("script"),l=0;l<i.length;l++){var u=i[l];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==o+r){f=u;break}}f||(c=!0,(f=document.createElement("script")).charset="utf-8",f.timeout=120,n.nc&&f.setAttribute("nonce",n.nc),f.setAttribute("data-webpack",o+r),f.src=e),a[e]=[t];var s=(t,r)=>{f.onerror=f.onload=null,clearTimeout(b);var o=a[e];if(delete a[e],f.parentNode&&f.parentNode.removeChild(f),o&&o.forEach((e=>e(r))),t)return t(r)},b=setTimeout(s.bind(null,void 0,{type:"timeout",target:f}),12e4);f.onerror=s.bind(null,f.onerror),f.onload=s.bind(null,f.onload),c&&document.head.appendChild(f)}},n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.p="/Shuffle/",n.gca=function(e){return e={17896441:"918","9ed00105":"4","935f2afb":"53","9dd8a0d2":"54","9beb87c2":"80","6ff629d8":"92",d700bc26:"141",d589d3a7:"162","4777fd9a":"192",aa72d29b:"202","5fbc5cf1":"207","1ffdd7de":"211","164760aa":"241","828b0528":"261","2261bd48":"315","3475e39f":"456","1be78505":"514",e2d55573:"599","41eae919":"879",e6a2d45a:"924",c4de80f8:"943","9348edec":"947"}[e]||e,n.p+n.u(e)},(()=>{var e={303:0,532:0};n.f.j=(t,r)=>{var a=n.o(e,t)?e[t]:void 0;if(0!==a)if(a)r.push(a[2]);else if(/^(303|532)$/.test(t))e[t]=0;else{var o=new Promise(((r,o)=>a=e[t]=[r,o]));r.push(a[2]=o);var d=n.p+n.u(t),f=new Error;n.l(d,(r=>{if(n.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var o=r&&("load"===r.type?"missing":r.type),d=r&&r.target&&r.target.src;f.message="Loading chunk "+t+" failed.\n("+o+": "+d+")",f.name="ChunkLoadError",f.type=o,f.request=d,a[1](f)}}),"chunk-"+t,t)}},n.O.j=t=>0===e[t];var t=(t,r)=>{var a,o,[d,f,c]=r,i=0;if(d.some((t=>0!==e[t]))){for(a in f)n.o(f,a)&&(n.m[a]=f[a]);if(c)var l=c(n)}for(t&&t(r);i<d.length;i++)o=d[i],n.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return n.O(l)},r=globalThis.webpackChunkshuffle_docs=globalThis.webpackChunkshuffle_docs||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})()})();