component---src-pages-features-tsx-f72f44b4daaff3dbfcc7.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{"0hFJ":function(e,t,a){e.exports=a.p+"static/row-reorder-5ea196ddd1d097ced844f0364bf3c767.jpg"},"0t5A":function(e,t,a){e.exports=a.p+"static/fill-handle-388387fdab68153db5ab254229aa08c0.jpg"},"1u3E":function(e,t,a){e.exports=a.p+"static/sticky-77fe11714b4f20ca6a5888dc78d5705e.jpg"},"3igl":function(e,t,a){e.exports=a.p+"static/resize-column-9caab72bc87fc638623ebc3ce1459a35.mp4"},"4twc":function(e,t,a){e.exports=a.p+"static/select-area-534208e9d02ecb989f92a4f5d3cf3dc0.mp4"},"6xr7":function(e,t,a){e.exports=a.p+"static/behaviour-954476664ab83be701ea8b064550a6b2.jpg"},At5n:function(e,t,a){e.exports=a.p+"static/column-reorder-5d72004e8d99ba66b3073b4ce0fa7a31.mp4"},"D+zZ":function(e,t,a){e.exports=a.p+"static/behaviour-35f3be1a661273028f9969a8c0b320c4.mp4"},FWqw:function(e,t,a){e.exports=a.p+"static/context-menu-287482554bfa34308780ccb57494b15a.jpg"},Jp1G:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));const c=()=>"undefined"!=typeof window&&window.navigator.userAgent.indexOf("Trident")>0},OKAS:function(e,t,a){e.exports=a.p+"static/sticky-762b0f671e3dd56d4af27176b755560d.mp4"},TziZ:function(e,t,a){e.exports=a.p+"static/row-reorder-6e8e92ae6a7abca07b49ddc10a389980.mp4"},URnj:function(e,t,a){e.exports=a.p+"static/multi-user-8d3cf1fa326e004eeccd82a28acd0909.mp4"},Y37W:function(e,t,a){e.exports=a.p+"static/touch-device-f25e875207bb8ad974cdf77422725c8a.mp4"},YRIH:function(e,t,a){e.exports=a.p+"static/context-menu-6b85bfde2b647322fbceb4ea7129fa4a.mp4"},Z9jD:function(e,t,a){e.exports=a.p+"static/copy-cut-paste-9c588d37ac03f924e60afcaf8b390649.mp4"},aLNe:function(e,t,a){var c={"./behaviour.jpg":"6xr7","./column-reorder.jpg":"vs6M","./context-menu.jpg":"FWqw","./copy-cut-paste.jpg":"yOKp","./fill-handle.jpg":"0t5A","./group-id.jpg":"kGMy","./multi-user.jpg":"kyq2","./resize-column.jpg":"tq3L","./row-reorder.jpg":"0hFJ","./select-area.jpg":"vZdx","./sticky.jpg":"1u3E","./touch-device.jpg":"vKhn"};function r(e){var t=n(e);return a(t)}function n(e){if(!a.o(c,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return c[e]}r.keys=function(){return Object.keys(c)},r.resolve=n,e.exports=r,r.id="aLNe"},enOk:function(e,t,a){e.exports=a.p+"static/group-id-1b1935f4d1163d84076f37d2207fafc9.mp4"},iwId:function(e,t,a){var c={"./behaviour.mp4":"D+zZ","./column-reorder.mp4":"At5n","./context-menu.mp4":"YRIH","./copy-cut-paste.mp4":"Z9jD","./fill-handle.mp4":"o1+O","./group-id.mp4":"enOk","./multi-user.mp4":"URnj","./resize-column.mp4":"3igl","./row-reorder.mp4":"TziZ","./select-area.mp4":"4twc","./sticky.mp4":"OKAS","./touch-device.mp4":"Y37W"};function r(e){var t=n(e);return a(t)}function n(e){if(!a.o(c,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return c[e]}r.keys=function(){return Object.keys(c)},r.resolve=n,e.exports=r,r.id="iwId"},kGMy:function(e,t,a){e.exports=a.p+"static/group-id-7f8feff96c24ea5861a44c9473260ac8.jpg"},kyq2:function(e,t,a){e.exports=a.p+"static/multi-user-dc6912f3e88d5a7e4815bba396cab212.jpg"},m7IK:function(e,t,a){"use strict";a.r(t);var c=a("dI71"),r=a("q1tI"),n=a.n(r),s=a("9Dj+"),i=a("vrFN"),l=a("Jp1G"),o=a("1Yj4"),m=a("ok1R"),p=a("rhny");let f=function(e){function t(){return e.apply(this,arguments)||this}Object(c.a)(t,e);var a=t.prototype;return a.componentDidMount=function(){Object(l.a)()||(document.documentElement.scrollTop=0,document.scrollingElement.scrollTop=0)},a.render=function(){const{data:e}=this.props,{title:t,description:a,pages:c,social:r}=e.site.siteMetadata,l=e.allFeaturesYaml.edges;return n.a.createElement(s.a,{pages:c,social:r,description:a,title:t},n.a.createElement(i.a,{title:"Features",description:"ReactGrid is a feature rich spreadsheet-like datagrid component to make your application goals a reality."}),n.a.createElement("div",{className:"section mt-5 mt-md-0"},n.a.createElement("div",{className:"space-50"}),n.a.createElement("h2",{style:{fontSize:"3em"},className:"profile-title text-center mb-3"},"Features"),n.a.createElement(o.a,null,l.map(e=>n.a.createElement(d,Object.assign({key:e.node.title},e.node))),n.a.createElement(m.a,{className:"py-lg-5"},n.a.createElement(p.a,{sm:"6",lg:"6"},n.a.createElement("div",{className:"text-center"},n.a.createElement("div",{style:{fontSize:"5em"},className:"mb-4"},n.a.createElement("i",{className:"fab fa-sass text-primary strokeme"})),n.a.createElement("h3",{className:"pb-3"},"SASS styling"),n.a.createElement("p",{className:"pb-3"},"Feel free to customly style each element of grid using SASS"))),n.a.createElement(p.a,{sm:"6",lg:"6"},n.a.createElement("div",{className:"text-center"},n.a.createElement("div",{style:{fontSize:"5em"},className:"mb-4"},n.a.createElement("i",{className:"fas fa-palette strokeme text-primary"},n.a.createElement("i",{className:"fas fa-paint-brush strokeme text-primary",style:{marginLeft:"-0.3em"}}))),n.a.createElement("h3",{className:"pb-3"},"Custom cell templates"),n.a.createElement("p",{className:"pb-3"},"Add your own custom cell (custom cell behaviors, styles, data formatting and validating)"))),n.a.createElement(p.a,{sm:"6",lg:"6"},n.a.createElement("div",{className:"text-center"},n.a.createElement("div",{style:{fontSize:"5em"},className:"mb-4"},n.a.createElement("i",{className:"fab fa-firefox text-primary strokeme "},n.a.createElement("i",{className:"fa-inverse fab fa-edge text-primary strokeme",style:{marginLeft:"-0.1em"}},n.a.createElement("i",{className:"fa-inverse fab fa-safari text-primary strokeme",style:{marginLeft:"-0.1em"}},n.a.createElement("i",{className:"fa-inverse fab fa-chrome text-primary strokeme",style:{marginLeft:"-0.1em"}}))))),n.a.createElement("h3",{className:"pb-3"},"Cross-browser support"),n.a.createElement("p",{className:"pb-3"},"ReactGrid performs efficiently in all modern browsers"))),n.a.createElement(p.a,{sm:"6",lg:"6"},n.a.createElement("div",{className:"text-center"},n.a.createElement("div",{style:{fontSize:"5em"},className:"mb-4"},n.a.createElement("i",{className:"fas fa-layer-group text-primary strokeme"})),n.a.createElement("h3",{className:"pb-3"},"Tree data"),n.a.createElement("p",{className:"pb-3"},"You can easily display data that has parent/child relationships")))))))},t}(n.a.Component);t.default=f;const d=e=>{let{mediaSrc:t,imgAlt:a,title:c,description:r,externalLinkText:s,externalLink:i,docsVersion:l}=e;return n.a.createElement("div",{className:"single-feature my-lg-5 py-lg-5"},n.a.createElement(m.a,null,n.a.createElement(p.a,{xs:12,lg:5,className:"single-feature-col-img"},n.a.createElement(u,{mediaSrc:t,imgAlt:a})),n.a.createElement(p.a,{className:"single-feature-col-gap col-0 col-lg-2"}),n.a.createElement(p.a,{xs:12,lg:5,className:"single-feature-col-desc d-flex align-items-center"},n.a.createElement("div",{className:"feature-description flex-column d-flex mt-4 w-100"},n.a.createElement("div",{className:"w-100"},n.a.createElement("h2",{className:"profile-title text-left mb-4 text-wrap"},c),n.a.createElement("p",{className:"description pb-3"},r),i&&s&&n.a.createElement("div",null,n.a.createElement("a",{className:"btn-info btn-link pl-0",target:"_blank",rel:"noopener noreferrer",href:i},s)))))),n.a.createElement("hr",{className:"line-primary my-5 d-lg-none ml-auto"}))},u=e=>{let{mediaSrc:t,imgAlt:c}=e;return n.a.createElement("div",{className:"d-flex align-items-center justify-content-center h-100 px-5 px-lg-0"},n.a.createElement("div",{className:"w-100"},n.a.createElement("video",{controls:!0,loop:!0,autoPlay:!0,poster:a("aLNe")(`./${t}.jpg`),className:"feature-video"},n.a.createElement("source",{src:a("iwId")(`./${t}.mp4`),type:"video/mp4"}),n.a.createElement("track",{kind:"captions"}))))}},"o1+O":function(e,t,a){e.exports=a.p+"static/fill-handle-f9c6df479503735c3972b828e7bf8408.mp4"},tq3L:function(e,t,a){e.exports=a.p+"static/resize-column-611ae8a95c97d6317d4a8b17aee3c9e2.jpg"},vKhn:function(e,t,a){e.exports=a.p+"static/touch-device-33bbff2e1d5f1ecf81731203a22f9a14.jpg"},vZdx:function(e,t,a){e.exports=a.p+"static/select-area-df9e801605059d781aa2730ac110b7c1.jpg"},vs6M:function(e,t,a){e.exports=a.p+"static/column-reorder-7392a99732d595e83abf469fbc6afc8c.jpg"},yOKp:function(e,t,a){e.exports=a.p+"static/copy-cut-paste-4902bf0db68373c12ac5207830cebc21.jpg"}}]);
//# sourceMappingURL=component---src-pages-features-tsx-f72f44b4daaff3dbfcc7.js.map