https://extra-css.netlify.app/component---src-pages-index-js-ea89d9b2dd1b680816d2.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{141:function(e,t,a){"use strict";a.r(t);var n=a(7),r=a.n(n),o=a(8),i=a(0),c=a(147),s=a(152),l=(a(145),a(143)),u=a.n(l);function p(e){return Object(o.a)("div",{className:u.a.card},e.children)}var d=a(164),h=a(168),m=a.n(h),b=function(e){function t(){for(var t,a=arguments.length,n=new Array(a),r=0;r<a;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).state={copied:""},t}return r()(t,e),t.prototype.render=function(e){var t=this;return Object(o.a)("ul",{className:u.a.links},Object(o.a)("li",null,Object(o.a)("a",{className:u.a.cardAction,href:"https://codepen.io/una/pen/"+this.props.penLink,target:"_blank",rel:"noopener noreferrer"},"Demo")),Object(o.a)("li",null,Object(o.a)(d.CopyToClipboard,{text:"https://unpkg.com/extra.css/"+this.props.name+".js",onCopy:function(){return t.setState({copied:"props"})}},Object(o.a)("button",{className:m()(u.a.cardAction,"props"===this.state.copied&&u.a.copied)},"CDN Link"))))},t}(i.Component),f=function(e){function t(){for(var t,a=arguments.length,n=new Array(a),r=0;r<a;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).state={spread:100,color:"#2efaae",width:4},t}r()(t,e);var a=t.prototype;return a.componentDidMount=function(){var e=document.createElement("script");e.src="https://unpkg.com/[email protected]/crossOut.js",document.body.appendChild(e)},a.render=function(){var e=this;return Object(o.a)(p,null,Object(o.a)("h2",{className:u.a.name},"Cross-Out"),Object(o.a)("div",{className:u.a.demoArea},Object(o.a)("h1",{className:u.a.demoText,contentEditable:!0,style:{"--extra-crossColor":this.state.color,"--extra-crossWidth":this.state.width,"--extra-crossSpread":this.state.spread,background:"paint(extra-crossOut)"}}," extra.css ")),Object(o.a)("ul",{className:u.a.customProps},Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-crossColor"},"--extra-crossColor:")," ",Object(o.a)("input",{type:"color",value:this.state.color,id:"--extra-crossColor",onChange:function(t){return e.setState({color:t.target.value})}})),Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-crossSpread"},"--extra-crossSpread:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.spread),Object(o.a)("input",{className:u.a.crossSpread,type:"range",min:"0",max:"100",value:this.state.spread,id:"--extra-crossSpread",onChange:function(t){return e.setState({spread:t.target.value})}}))),Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-crossWidth"},"--extra-crossWidth:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.width),Object(o.a)("input",{className:u.a.crossWidth,type:"range",min:"0",max:"100",value:this.state.width,id:"--extra-crossWidth",onChange:function(t){return e.setState({width:t.target.value})}})))),Object(o.a)(b,{name:"crossOut",penLink:"WWPVjG"}))},t}(i.Component),g=function(e){function t(){for(var t,a=arguments.length,n=new Array(a),r=0;r<a;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).state={radius:9,color:"#ff7900",weight:2},t}r()(t,e);var a=t.prototype;return a.componentDidMount=function(){var e=document.createElement("script");e.src="https://unpkg.com/[email protected]/scallopedBorder.js",document.body.appendChild(e)},a.render=function(){var e=this;return Object(o.a)(p,null,Object(o.a)("h2",{className:u.a.name},"Scalloped Border"),Object(o.a)("div",{className:u.a.demoArea},Object(o.a)("h1",{className:u.a.demoText,contentEditable:!0,style:{"--extra-scallopColor":this.state.color,"--extra-scallopWeight":this.state.weight,"--extra-scallopRadius":this.state.radius,background:"paint(extra-scallopedBorder)"}}," extra.css ")),Object(o.a)("ul",{className:u.a.customProps},Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-scallopColor"},"--extra-scallopColor:")," ",Object(o.a)("input",{type:"color",value:this.state.color,id:"--extra-scallopColor",onChange:function(t){return e.setState({color:t.target.value})}})),Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-scallopRadius"},"--extra-scallopRadius:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.radius),Object(o.a)("input",{className:u.a.rangeSlider,type:"range",min:"0",max:"40",value:this.state.radius,id:"--extra-scallopRadius",onChange:function(t){return e.setState({radius:t.target.value})}}))),Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-scallopWeight"},"--extra-scallopWeight:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.weight),Object(o.a)("input",{className:u.a.rangeSlider,type:"range",min:"0",max:"30",value:this.state.weight,i

1d:"--extra-scallopWeight",onChange:function(t){return e.setState({weight:t.target.value})}})))),Object(o.a)(b,{name:"scallopedBorder",penLink:"MRxWgN"}))},t}(i.Component),y=function(e){function t(){for(var t,a=arguments.length,n=new Array(a),r=0;r<a;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).state={number:3,color:"#2fcbe7",spread:20,width:1},t}r()(t,e);var a=t.prototype;return a.componentDidMount=function(){var e=document.createElement("script");e.src="https://unpkg.com/[email protected]/superUnderline.js",document.body.appendChild(e)},a.render=function(){var e=this;return Object(o.a)(p,null,Object(o.a)("h2",{className:u.a.name},"Super Underline"),Object(o.a)("div",{className:u.a.demoArea},Object(o.a)("h1",{className:u.a.demoText,contentEditable:!0,style:{"--extra-underlineColor":this.state.color,"--extra-underlineWidth":this.state.width,"--extra-underlineNumber":this.state.number,"--extra-underlineSpread":this.state.spread,background:"paint(extra-superUnderline)"}}," extra.css ")),Object(o.a)("ul",{className:u.a.customProps},Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-underlineColor"},"--extra-underlineColor:")," ",Object(o.a)("input",{type:"color",value:this.state.color,id:"--extra-underlineColor",onChange:function(t){return e.setState({color:t.target.value})}})),Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-underlineNumber"},"--extra-underlineNumber:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.number),Object(o.a)("input",{className:u.a.underlineNumber,type:"range",min:"0",max:"40",value:this.state.number,id:"--extra-underlineNumber",onChange:function(t){return e.setState({number:t.target.value})}}))),Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-underlineWidth"},"--extra-underlineWidth:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.width),Object(o.a)("input",{className:u.a.underlineWidth,type:"range",min:"0",max:"20",value:this.state.width,id:"--extra-underlineWidth",onChange:function(t){return e.setState({width:t.target.value})}}))),Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-underlineSpread"},"--extra-underlineSpread:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.spread),Object(o.a)("input",{className:u.a.underlineSpread,type:"range",min:"0",max:"30",value:this.state.spread,id:"--extra-underlineSpread",onChange:function(t){return e.setState({spread:t.target.value})}})))),Object(o.a)(b,{name:"superUnderline",penLink:"YMgzzx"}))},t}(i.Component),j=function(e){function t(){for(var t,a=arguments.length,n=new Array(a),r=0;r<a;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).state={number:30,hue:Math.floor(360*Math.random()),heightVariance:9,widthVariance:12,weightVariance:2},t}r()(t,e);var a=t.prototype;return a.componentDidMount=function(){var e=document.createElement("script");e.src="https://unpkg.com/[email protected]/sparkles.js",document.body.appendChild(e)},a.render=function(){var e=this;return Object(o.a)(p,null,Object(o.a)("h2",{className:u.a.name},"Sparkles"),Object(o.a)("div",{className:u.a.demoArea},Object(o.a)("h1",{className:u.a.demoText,contentEditable:!0,style:{"--extra-sparkleHue":this.state.hue,"--extra-sparkleNumber":this.state.number,"--extra-sparkleWidthVariance":this.state.widthVariance,"--extra-sparkleHeightVariance":this.state.heightVariance,"--extra-sparkleWeightVariance":this.state.weightVariance,background:"paint(extra-sparkles)"}}," extra.css ")),Object(o.a)("ul",{className:u.a.customProps},Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-sparkleNumber"},"--extra-sparkleNumber:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.number),Object(o.a)("input",{className:u.a.rangeSlider,type:"range",value:this.state.number,id:"--extra-sparkleNumber",ref:this.number,onChange:function(t){return e.setState({number:t.target.value})}}))),Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-sparkleHue"},"--extra-sparkleHue:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.hue),Object(o.a)("input",{className:u.a.rangeSlider,type:"range",min:"0",max:"360",value:this.state.hue,

1id:"--extra-sparkleHue",onChange:function(t){return e.setState({hue:t.target.value})}}))),Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-sparkleWidthVariance"},"--extra-sparkleWidthVariance:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.widthVariance),Object(o.a)("input",{className:u.a.rangeSlider,type:"range",value:this.state.widthVariance,id:"--extra-sparkleWidthVariance",onChange:function(t){return e.setState({widthVariance:t.target.value})}}))),Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-sparkleHeightVariance"},"--extra-sparkleHeightVariance:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.heightVariance),Object(o.a)("input",{className:u.a.rangeSlider,type:"range",value:this.state.heightVariance,id:"--extra-sparkleHeightVariance",onChange:function(t){return e.setState({heightVariance:t.target.value})}}))),Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-sparkleWeightVariance"},"--extra-sparkleWeightVariance:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.weightVariance),Object(o.a)("input",{className:u.a.rangeSlider,type:"range",min:"0",max:"10",value:this.state.weightVariance,id:"--extra-sparkleWeightVariance",ref:this.weightVariance,onChange:function(t){return e.setState({weightVariance:t.target.value})}})))),Object(o.a)(b,{name:"sparkles",penLink:"MRxgNN"}))},t}(i.Component),O=function(e){function t(){for(var t,a=arguments.length,n=new Array(a),r=0;r<a;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).state={number:30,lengthVariance:15,weightVariance:4},t}r()(t,e);var a=t.prototype;return a.componentDidMount=function(){var e=document.createElement("script");e.src="https://unpkg.com/[email protected]/confetti.js",document.body.appendChild(e)},a.render=function(){var e=this;return Object(o.a)(p,null,Object(o.a)("h2",{className:u.a.name},"Confetti"),Object(o.a)("div",{className:u.a.demoArea},Object(o.a)("h1",{className:u.a.demoText,contentEditable:!0,style:{"--extra-confettiNumber":this.state.number,"--extra-confettiLengthVariance":this.state.lengthVariance,"--extra-confettiWeightVariance":this.state.weightVariance,background:"paint(extra-confetti)"}}," extra.css ")),Object(o.a)("ul",{className:u.a.customProps},Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-confettiNumber"},"--extra-confettiNumber:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.number),Object(o.a)("input",{className:u.a.rangeSlider,type:"range",value:this.state.number,id:"--extra-confettiNumber",ref:this.number,onChange:function(t){return e.setState({number:t.target.value})}}))),Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-confettiLengthVariance"},"--extra-confettiLengthVariance:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.lengthVariance),Object(o.a)("input",{className:u.a.rangeSlider,min:"1",max:"30",type:"range",value:this.state.lengthVariance,id:"--extra-confettiLengthVariance",onChange:function(t){return e.setState({lengthVariance:t.target.value})}}))),Object(o.a)("li",null,Object(o.a)("label",{htmlFor:"--extra-confettiWeightVariance"},"--extra-confettiWeightVariance:"),Object(o.a)("div",null,Object(o.a)("div",{className:u.a.inputVal},this.state.weightVariance),Object(o.a)("input",{className:u.a.rangeSlider,type:"range",min:"1",max:"10",value:this.state.weightVariance,id:"--extra-confettiWeightVariance",ref:this.weightVariance,onChange:function(t){return e.setState({weightVariance:t.target.value})}})))),Object(o.a)(b,{name:"sparkles",penLink:"mgoXMO"}))},t}(i.Component),v=a(169),x=a.n(v);function w(){return Object(o.a)("div",{className:x.a.howTo},Object(o.a)("div",{className:x.a.container},Object(o.a)("h2",null,"How to Use This Library"),Object(o.a)("p",null,"We're currently using ",Object(o.a)("a",{href:"https://unpkg.com/"},"unpkg")," to serve these files. There is no build step requirement, but remember this is experimental and will not work in all browsers."),Object(o.a)("p",null,"There are 2 steps to using it:"),Object(o.a)("ol",null,Object(o.a)("li",null,Object(o.a)("span",{className:x.a.fileTag},"HTML")," Include the worklet and custom properties file ",Object(o.a)("code",null,"<script src='<packageName>'><\/script>")),Object(o.a)("li",null,Object(o.a)("span",{className:x.a.fileTag}

1,"CSS")," Access the paint worklet with ",Object(o.a)("code",null,"background: paint(<workletName>);"))),Object(o.a)("p",null,"The URLs are in the following format: ",Object(o.a)("code",null,"https://unpkg.com/extra.css/<packageName>.js"),"You can grab any of the proper URLs by clicking on the links above for ",Object(o.a)("strong",{className:u.a.cardAction},"CDN Link"),". If you go to this link your URL bar, you will automatically be linked to the latest version number of the JS package which includes all of the registered custom properties and the worklet. This is a link to the latest version (i.e. ",Object(o.a)("code",null,"https://unpkg.com/[email protected]/<PackageName>.js"),"), but if you always want the evergreen latest version, you can skip the version number. The ",Object(o.a)("strong",{className:u.a.cardAction},"Demo")," tab will open up an explanatory Codepen project with everything properly hooked up."),Object(o.a)("p",null,"Here is an example of what your HTML and CSS could look like for the ",Object(o.a)("code",null,"Cross Out")," example:"),Object(o.a)("iframe",{height:"445",className:x.a.codepen,scrolling:"no",title:"Extra.CSS Example",src:"//codepen.io/una/embed/WWPVjG/?height=428&theme-id=36749&default-tab=css,result",frameBorder:"no",allowtransparency:"true",allowFullScreen:"true"},"See the Pen ",Object(o.a)("a",{href:"https://codepen.io/una/pen/WWPVjG/"},"Extra.CSS Example")," by Una Kravets (",Object(o.a)("a",{href:"https://codepen.io/una"},"@una"),") on ",Object(o.a)("a",{href:"https://codepen.io"},"CodePen"),"."),Object(o.a)("p",null,"This is a WIP proof of concept for Houdini Paint Modules! I'd love to have you contribute your thoughts on ",Object(o.a)("a",{href:"https://github.com/una/extra.css"},"Github"),".")))}var k=a(170),C=a.n(k);a.d(t,"default",function(){return N});var N=function(e){function t(){for(var t,a=arguments.length,n=new Array(a),r=0;r<a;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).state={noSupport:!1},t}r()(t,e);var a=t.prototype;return a.componentDidMount=function(){"undefined"==typeof window||"paintWorklet"in window.CSS||this.setState({noSupport:!0})},a.render=function(){return Object(o.a)(c.a,null,Object(o.a)(s.a,{title:"Home",keywords:["houdini","css","library","extra.css"]}),this.state.noSupport&&Object(o.a)("p",{className:C.a.warning},"WARNING: Your browser does not currently support ",Object(o.a)("a",{href:"https://caniuse.com/#search=houdini"},"Houdini"),", and you won't be able to see any demos 😢"),Object(o.a)("p",{className:C.a.intro},"A CSS ",Object(o.a)("a",{href:"http://ishoudinireadyyet.com"},"Houdini")," library for making your site a little more ",Object(o.a)("span",null,"#extra"),"."),Object(o.a)("div",{className:C.a.demos},Object(o.a)(j,null),Object(o.a)(g,null),Object(o.a)(y,null),Object(o.a)(f,null),Object(o.a)(O,null)),Object(o.a)(w,null))},t}(i.Component)},143:function(e,t,a){e.exports={card:"style-module--card--1yUnk",demoArea:"style-module--demoArea--2FKFw",demoText:"style-module--demoText--1Oxx9",links:"style-module--links--20SqV",cardAction:"style-module--cardAction--PtIH4",copied:"style-module--copied--21WgS",inputVal:"style-module--inputVal--zcpM_",rangeSlider:"style-module--rangeSlider--zV3y4",customProps:"style-module--customProps--33sci",name:"style-module--name--17Dj1"}},144:function(e,t,a){"use strict";a.r(t),a.d(t,"graphql",function(){return b}),a.d(t,"StaticQueryContext",function(){return h}),a.d(t,"StaticQuery",function(){return m});var n=a(8),r=a(0),o=a.n(r),i=a(4),c=a.n(i),s=a(142),l=a.n(s);a.d(t,"Link",function(){return l.a}),a.d(t,"withPrefix",function(){return s.withPrefix}),a.d(t,"navigate",function(){return s.navigate}),a.d(t,"push",function(){return s.push}),a.d(t,"replace",function(){return s.replace}),a.d(t,"navigateTo",function(){return s.navigateTo});var u=a(146),p=a.n(u);a.d(t,"PageRenderer",function(){return p.a});var d=a(33);a.d(t,"parsePath",function(){return d.a});var h=o.a.createContext({}),m=function(e){return Object(n.a)(h.Consumer,null,function(t){return e.data||t[e.query]&&t[e.query].data?(e.render||e.children)(e.data?e.data.data:t[e.query].data):Object(n.a)("div",null,"Loa

1ding (StaticQuery)")})};function b(){throw new Error("It appears like Gatsby is misconfigured. Gatsby related `graphql` calls are supposed to only be evaluated at compile time, and then compiled away,. Unfortunately, something went wrong and the query was left in the compiled code.\n\n.Unless your site has a complex or custom babel/Gatsby configuration this is likely a bug in Gatsby.")}m.propTypes={data:c.a.object,query:c.a.string.isRequired,render:c.a.func,children:c.a.func}},145:function(e,t,a){var n=a(25).f,r=Function.prototype,o=/^\s*function ([^ (]*)/;"name"in r||a(17)&&n(r,"name",{configurable:!0,get:function(){try{return(""+this).match(o)[1]}catch(e){return""}}})},146:function(e,t,a){var n;e.exports=(n=a(149))&&n.default||n},147:function(e,t,a){"use strict";var n=a(8),r=a(148),o=a(0),i=a.n(o),c=a(4),s=a.n(c),l=a(144),u=(a(150),a(151)),p=a.n(u),d=function(e){var t=e.children;return Object(n.a)(l.StaticQuery,{query:"755544856",render:function(e){return Object(n.a)(i.a.Fragment,null,t,Object(n.a)("footer",{className:p.a.footer},"Made with love by ",Object(n.a)("a",{href:"https://www.twitter.com/una"},"@una"),Object(n.a)("small",null,"Background from this very cool site: ",Object(n.a)("a",{href:"https://svgbackgrounds.com"},"svgbackgrounds.com"))))},data:r})};d.propTypes={children:s.a.node.isRequired},t.a=d},148:function(e){e.exports={data:{site:{siteMetadata:{title:"extra.css"}}}}},149:function(e,t,a){"use strict";a.r(t);a(51);var n=a(0),r=a.n(n),o=a(4),i=a.n(o),c=a(55),s=a(2),l=function(e){var t=e.location,a=s.default.getResourcesForPathnameSync(t.pathname);return r.a.createElement(c.a,Object.assign({location:t,pageResources:a},a.json))};l.propTypes={location:i.a.shape({pathname:i.a.string.isRequired}).isRequired},t.default=l},150:function(e,t,a){},151:function(e,t,a){e.exports={footer:"style-module--footer--1IlGK"}},152:function(e,t,a){"use strict";var n=a(8),r=a(153),o=(a(0),a(4)),i=a.n(o),c=a(154),s=a.n(c),l=a(144);function u(e){var t=e.description,a=e.lang,o=e.meta,i=e.keywords,c=e.title;return Object(n.a)(l.StaticQuery,{query:p,render:function(e){var r=t||e.site.siteMetadata.description;return Object(n.a)(s.a,{htmlAttributes:{lang:a},title:c,titleTemplate:"%s | "+e.site.siteMetadata.title,meta:[{name:"description",content:r},{property:"og:title",content:c},{property:"og:description",content:r},{property:"og:type",content:"website"},{name:"og:image",content:e.site.siteMetadata.image},{name:"twitter:card",content:"summary"},{name:"twitter:creator",content:e.site.siteMetadata.author},{name:"twitter:title",content:c},{name:"twitter:description",content:r},{name:"twitter:image",content:e.site.siteMetadata.image}].concat(i.length>0?{name:"keywords",content:i.join(", ")}:[]).concat(o)})},data:r})}u.defaultProps={lang:"en",meta:[],keywords:[]},u.propTypes={description:i.a.string,lang:i.a.string,meta:i.a.array,keywords:i.a.arrayOf(i.a.string),title:i.a.string.isRequired},t.a=u;var p="55833009"},153:function(e){e.exports={data:{site:{siteMetadata:{title:"extra.css",description:"A CSS Houdini library for making your websites a little more extra.",author:"@Una",image:"./src/images/gatsby-astronaut.png"}}}}},164:function(e,t,a){"use strict";var n=a(165).CopyToClipboard;n.CopyToClipboard=n,e.exports=n},165:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CopyToClipboard=void 0;var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},r=function(){function e(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}(),o=c(a(0)),i=c(a(166));function c(e){return e&&e.__esModule?e:{default:e}}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(t.CopyToClipboard=function(e){function t(){var e,a,n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var r=arguments.length,c=Array(r),l=0;l<r;l++)c[l]=arguments[l];return a=n=s(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(c))),n.onClick=function(e){var t=n.props,a=t.text,r=t.onCopy,c=t.children,s=t.o

1ptions,l=o.default.Children.only(c),u=(0,i.default)(a,s);r&&r(a,u),l&&l.props&&"function"==typeof l.props.onClick&&l.props.onClick(e)},s(n,a)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,o.default.PureComponent),r(t,[{key:"render",value:function(){var e=this.props,t=(e.text,e.onCopy,e.options,e.children),a=function(e,t){var a={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(a[n]=e[n]);return a}(e,["text","onCopy","options","children"]),r=o.default.Children.only(t);return o.default.cloneElement(r,n({},a,{onClick:this.onClick}))}}]),t}()).defaultProps={onCopy:void 0,options:void 0}},166:function(e,t,a){"use strict";var n=a(167),r="Copy to clipboard: #{key}, Enter";e.exports=function(e,t){var a,o,i,c,s,l,u=!1;t||(t={}),a=t.debug||!1;try{if(i=n(),c=document.createRange(),s=document.getSelection(),(l=document.createElement("span")).textContent=e,l.style.all="unset",l.style.position="fixed",l.style.top=0,l.style.clip="rect(0, 0, 0, 0)",l.style.whiteSpace="pre",l.style.webkitUserSelect="text",l.style.MozUserSelect="text",l.style.msUserSelect="text",l.style.userSelect="text",l.addEventListener("copy",function(a){a.stopPropagation(),t.format&&(a.preventDefault(),a.clipboardData.clearData(),a.clipboardData.setData(t.format,e))}),document.body.appendChild(l),c.selectNodeContents(l),s.addRange(c),!document.execCommand("copy"))throw new Error("copy command was unsuccessful");u=!0}catch(p){a&&console.error("unable to copy using execCommand: ",p),a&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),u=!0}catch(p){a&&console.error("unable to copy using clipboardData: ",p),a&&console.error("falling back to prompt"),o=function(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}("message"in t?t.message:r),window.prompt(o,e)}}finally{s&&("function"==typeof s.removeRange?s.removeRange(c):s.removeAllRanges()),l&&document.body.removeChild(l),i()}return u}},167:function(e,t){e.exports=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,a=[],n=0;n<e.rangeCount;n++)a.push(e.getRangeAt(n));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null}return e.removeAllRanges(),function(){"Caret"===e.type&&e.removeAllRanges(),e.rangeCount||a.forEach(function(t){e.addRange(t)}

1),t&&t.focus()}}},168:function(e,t,a){var n;!function(){"use strict";var a={}.hasOwnProperty;function r(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var o=typeof n;if("string"===o||"number"===o)e.push(n);else if(Array.isArray(n)&&n.length){var i=r.apply(null,n);i&&e.push(i)}else if("object"===o)for(var c in n)a.call(n,c)&&n[c]&&e.push(c)}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):void 0===(n=function(){return r}.apply(t,[]))||(e.exports=n)}()},169:function(e,t,a){e.exports={howTo:"style-module--howTo--3SJGC",container:"style-module--container--3M8jV",fileTag:"style-module--fileTag--2pDrF",codepen:"style-module--codepen--2Sm6n"}},170:function(e,t,a){e.exports={demos:"style-module--demos--2BbL6",warning:"style-module--warning--3WEZa",intro:"style-module--intro--3j7_s"}}}]);
2//# sourceMappingURL=component---src-pages-index-js-ea89d9b2dd1b680816d2.js.map