(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{8581:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(3678)}])},3193:function(e,n,t){"use strict";var a=t(5893),s=(t(7294),t(5675)),i=t(1664);n.Z=function(){return(0,a.jsx)("div",{children:(0,a.jsx)("footer",{className:"text-gray-100 bg-gray-800 mx-auto",children:(0,a.jsxs)("div",{className:"mx-auto px-5 py-8 flex flex-row items-center",children:[(0,a.jsx)(i.default,{href:"/",children:(0,a.jsx)("a",{children:(0,a.jsxs)("div",{className:"flex flex-row items-center",children:[(0,a.jsx)(s.default,{className:" text-white rounded-full",src:"/faviconcoma.ico",width:"40px",height:"40px",alt:"coma-image"}),(0,a.jsx)("div",{className:"ml-3 text-xl text-white",children:"Comma Seperator"})]})})}),(0,a.jsx)("span",{className:"inline-flex sm:ml-auto sm:mt-0 mt-4 ",children:(0,a.jsx)("p",{className:"invisible sm:visible text-sm text-white sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-200 sm:py-2 sm:mt-0 mt-4",children:"Built with \u2764 \xa9 2022"})})]})})})}},8019:function(e,n,t){"use strict";var a=t(5893),s=t(5988),i=t.n(s),o=t(7294),l=t(1664),r=t(5675);n.Z=function(){var e=(0,o.useState)(!1),n=e[0],t=e[1];return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"fixed top-0 w-full z-30 ",children:(0,a.jsxs)("nav",{className:"relative w-full bg-gray-800 border-b px-4 lg:px-28 py-4 flex flex-row justify-between items-center ",children:[(0,a.jsx)("div",{children:(0,a.jsx)(l.default,{href:"/",children:(0,a.jsx)("a",{children:(0,a.jsxs)("div",{className:"flex flex-row items-center ",children:[(0,a.jsx)("div",{className:"w-10 h-10",children:(0,a.jsx)(r.default,{src:"/faviconcoma.ico",alt:"comma logo",width:40,height:40,className:"object-contain transition ease-in-out delay-150 hover:rotate-[360deg] hover: duration-300"})}),(0,a.jsxs)("div",{className:"jsx-cd86a9260dc1efe9 heading_gradient font-extrabold sm:text-3xl text-white text-2xl pl-2",children:["Comma Separator",(0,a.jsx)(i(),{id:"cd86a9260dc1efe9",children:".heading_gradient.jsx-cd86a9260dc1efe9{background:#ffff;\nbackground-color:#fff;\nbackground-image: radial-gradient(\n                          circle,\n                          #ffff 0,\n                          #0cb4ef 26%,\n                          #ffff 27%\n                        );\nbackground-position:100% 100%;\nbackground-size:150%;\n-webkit-animation-name:bg-circle;\n-webkit-animation-name:bg-circle;\nanimation-name:bg-circle;\n-webkit-animation-duration:10s;\n-webkit-animation-duration:10s;\nanimation-duration:10s;\n-webkit-animation-delay:0s;\nanimation-delay:0s;\n-webkit-animation-iteration-count:infinite;\n-webkit-animation-iteration-count:infinite;\nanimation-iteration-count:infinite;\n-webkit-animation-fill-mode:forwards;\nanimation-fill-mode:forwards;\nbackground-repeat:no-repeat;\n-webkit-background-clip:text;\n-webkit-text-fill-color:transparent}\n@keyframes bg-circle {0% {background-size:350%;\nbackground-position:left 100% bottom 0}50% {background-size:350%;\nbackground-position:left -10% bottom 0}100% {background-size:350%;\nbackground-position:left 100% bottom 0}}"})]})]})})})}),(0,a.jsxs)("ul",{className:"flex flex-row space-x-4 items-center list-none pl-0 mx-0",children:[(0,a.jsx)("li",{className:"hidden md:block ",children:(0,a.jsx)(l.default,{href:"/about",children:(0,a.jsx)("div",{className:"flex flex-row items-center ",children:(0,a.jsx)("div",{className:"w-10 h-10",children:(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"#0CB4EF",className:"h-8 w-8 m-2 transition ease-in-out delay-150 hover:translate-y-1 hover:scale-110 duration-300",children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z",clipRule:"evenodd"})})})})})}),(0,a.jsx)("li",{className:"block md:hidden ",children:(0,a.jsx)("span",{className:"font-extrabold rounded font-sans text-sm text-gray-600 py-1 px-2 hover:bg-gray-100 cursor-pointer",onClick:function(){t(!n)},children:n?(0,a.jsx)("span",{className:"text-xs",children:"\u2716\ufe0f"}):(0,a.jsx)("span",{children:"\u2630"})})})]}),n&&(0,a.jsx)("ul",{className:"flex flex-col list-none w-64 mx-0 md:hidden absolute top-16 right-0 border px-1 py-1 z-30 bg-white rounded shadow-lg",children:(0,a.jsx)("li",{className:"",children:(0,a.jsx)(l.default,{href:"/about",children:(0,a.jsx)("a",{children:(0,a.jsx)("span",{className:"block px-2 sm:px-7 py-2 text-xs sm:text-sm rounded font-medium hover:bg-gray-100",children:"About"})})})})})]})})})}},3678:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return r}});var a=t(5893),s=t(9008),i=t(7294),o=t(8019),l=t(3193);function r(){var e=(0,i.useState)(""),n=e[0],t=e[1],r=(0,i.useState)(""),c=r[0],m=r[1],d=(0,i.useState)(!1),x=d[0],u=d[1],h=(0,i.useRef)(null);return(0,a.jsxs)("div",{children:[(0,a.jsxs)(s.default,{children:[(0,a.jsx)("meta",{charSet:"UTF-8"}),(0,a.jsx)("link",{rel:"icon",href:"/faviconcoma.ico"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),(0,a.jsx)("title",{children:"Comma Separator Tool"}),(0,a.jsx)("meta",{name:"title",content:"Comma Separator Tool"}),(0,a.jsx)("meta",{name:"description",content:"An easy-to-use delimiter tool can be handy when converting a column into a comma-separated list."}),(0,a.jsx)("meta",{name:"google-site-verification",content:"BBhsFcbiy0jGBMIFeZVcm9KOfCdJtRZOFyK-TZZR24s"}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:url",content:"https://delimiter.eu.org/Comma_Separator.jpg"}),(0,a.jsx)("meta",{property:"og:title",content:"Comma Separator Tool"}),(0,a.jsx)("meta",{property:"og:description",content:"An easy-to-use delimiter tool can be handy when converting a column into a comma-separated list."}),(0,a.jsx)("meta",{property:"og:image",content:"https://delimiter.eu.org/Comma_Separator.jpg"}),(0,a.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{name:"twitter:url",content:"https://delimiter.eu.org/"}),(0,a.jsx)("meta",{name:"twitter:title",content:"Comma Separator Tool"}),(0,a.jsx)("meta",{name:"twitter:description",content:"An easy-to-use delimiter tool can be handy when converting a column into a comma-separated list."}),(0,a.jsx)("meta",{name:"twitter:image",content:"https://delimiter.eu.org/Comma_Separator.jpg"})]}),(0,a.jsx)(o.Z,{}),(0,a.jsx)("main",{className:"font-Nunito",children:(0,a.jsxs)("section",{className:"text-gray-600 body-font",children:[(0,a.jsxs)("p",{className:"mx-5 mt-20 py-2 max-w-2xl md:mx-auto text-md md:text-lg text-slate-900 text-justify",children:["A ",(0,a.jsx)("strong",{children:"Comma Separator"})," tool is a software or online tool that helps users to insert commas ( , ) into a list of items or numbers. It is often used when dealing with large amounts of data that need to be separated by commas for clarity or readability."]}),(0,a.jsxs)("div",{className:" sm: mx-2 mt-4 md:max-w-3xl md:mx-auto md:mb-3 lg:max-w-3xl lg:mx-auto mb-3 ",children:[(0,a.jsx)("h1",{className:"text-xl text-slate-700 ",children:"Comma Separator Tool"}),(0,a.jsx)("div",{className:"mx-auto ",children:(0,a.jsx)("textarea",{id:"",cols:"30",rows:"5",className:"border-2 rounded-md p-5 w-full",value:n,onChange:function(e){return function(e){t(e.target.value)}(e)}})}),(0,a.jsxs)("div",{className:"group inline-block relative",children:[(0,a.jsxs)("button",{className:"bg-cyan-300 text-white-200 font-semibold py-2 px-4 rounded inline-flex items-center",children:[(0,a.jsx)("span",{className:"mr-1",children:"Separate by"}),(0,a.jsx)("svg",{className:"fill-current h-4 w-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:(0,a.jsx)("path",{d:"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"})})]}),(0,a.jsxs)("ul",{className:"absolute hidden text-gray-700 pt-1 group-hover:block",children:[(0,a.jsx)("li",{className:"",children:(0,a.jsx)("a",{className:"rounded-t bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap",href:"#",onClick:function(){return function(){var e=n.split(/\r?\n/).join(",");m(e)}()},children:","})}),(0,a.jsx)("li",{className:"",children:(0,a.jsx)("a",{className:"bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap",href:"#",onClick:function(){return function(){var e=n.split(/\r?\n/).join("|");m(e),u(!1)}()},children:"|"})}),(0,a.jsx)("li",{className:"",children:(0,a.jsx)("a",{className:"rounded-b bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap",href:"#",onClick:function(){return function(){var e=n.split(/\r?\n/).join(";");m(e),u(!1)}()},children:";"})}),(0,a.jsx)("li",{className:"",children:(0,a.jsx)("a",{className:"rounded-b bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap",href:"#",onClick:function(){return function(){var e=n.split(/\r?\n/).join(" ");m(e),u(!1)}()},children:"Spaces"})}),(0,a.jsx)("li",{className:"",children:(0,a.jsx)("a",{className:"rounded-b bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap",href:"#",onClick:function(){return function(){var e=n.split(/\r?\n/).join("\n");m(e),u(!1)}()},children:"New Line"})})]})]}),(0,a.jsxs)("div",{className:"group inline-block relative",children:[(0,a.jsx)("button",{className:"bg-cyan-300 m-2 text-white-200 font-semibold py-2 px-4 rounded inline-flex items-center",type:"button",onClick:function(){return u(!0)},children:"Settings"}),x?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"justify-center items-center flex fixed inset-0 z-50 outline-none focus:outline-none ",children:(0,a.jsx)("div",{className:"xsm:w-5/6 sm:w-auto md:w-auto lg:w-auto my-6 ",children:(0,a.jsxs)("div",{className:"border-0 rounded-lg shadow-lg bg-white outline-none focus:outline-none ",children:[(0,a.jsxs)("div",{className:"flex items-start justify-between pt-4 pl-2 border-b border-solid border-blueGray-200 rounded-t",children:[(0,a.jsx)("h3",{className:"text-3xl font-semibold",children:"Features"}),(0,a.jsx)("button",{className:"p-1 ml-auto bg-transparent border-0 text-black text-3xl leading-none font-semibold outline-none focus:outline-none",onClick:function(){return u(!1)},children:(0,a.jsx)("span",{className:"bg-transparent text-red-500 h-6 w-6 text-2xl block outline-none focus:outline-none",children:(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",viewBox:"0 0 20 20",fill:"currentColor",children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",clipRule:"evenodd"})})})})]}),(0,a.jsxs)("div",{className:"overflow-x-scroll sm:overflow-x-hidden",children:[(0,a.jsxs)("div",{className:"flex flex-row",children:[(0,a.jsx)("button",{className:"bg-cyan-300 m-2 text-white-200 font-semibold py-2 px-4 rounded inline-flex items-center",onClick:function(){return function(){var e=n.split(/\r?\n/),t=[];e.map((function(e){t.push('"'+e+'"')})).join(","),console.log(t),m(t),u(!1)}()},children:(0,a.jsxs)("span",{className:"mr-1",children:[', with " "'," "]})}),(0,a.jsx)("button",{className:"bg-cyan-300 m-2 text-white-200 font-semibold py-2 px-4 rounded inline-flex items-center",onClick:function(){return function(){var e=n.split(/\r?\n/),t=[];e.map((function(e){t.push("'"+e+"'")})).join(","),console.log(t),m(t),u(!1)}()},children:(0,a.jsxs)("span",{className:"mr-1",children:[", with ' '"," "]})}),(0,a.jsx)("button",{className:"bg-cyan-300 m-2 text-white-400 font-semibold py-2 px-4 rounded inline-flex items-center",onClick:function(){return function(){var e=n.split(/\r?\n/),t=[];e.map((function(e){t.push('"'+e+'"')}));var a=t.join("|");console.log(a),m(a),u(!1)}()},children:(0,a.jsxs)("span",{className:"mr-1",children:['| with " "'," "]})}),(0,a.jsx)("button",{className:"bg-cyan-300 m-2 text-white-200 font-semibold py-2 px-4 rounded inline-flex items-center",onClick:function(){return function(){var e=n.split(/\r?\n/),t=[];e.map((function(e){t.push("'"+e+"'")}));var a=t.join("|");console.log(a),m(a),u(!1)}()},children:(0,a.jsxs)("span",{className:"mr-1",children:["| with ' '"," "]})})]}),(0,a.jsxs)("div",{className:"flex flex-row",children:[(0,a.jsx)("button",{className:"bg-cyan-300 m-2 text-white-200 font-semibold py-2 px-4 rounded inline-flex items-center",onClick:function(){return function(){var e=n.split(/\r?\n/),t=[];e.map((function(e){t.push('"'+e+'"')}));var a=t.join(";");console.log(a),m(a),u(!1)}()},children:(0,a.jsxs)("span",{className:"mr-1",children:['; with " "'," "]})}),(0,a.jsx)("button",{className:"bg-cyan-300 m-2 text-white-200 font-semibold py-2 px-4 rounded inline-flex items-center ",onClick:function(){return function(){var e=n.split(/\r?\n/),t=[];e.map((function(e){t.push("'"+e+"'")}));var a=t.join(";");console.log(a),m(a),u(!1)}()},children:(0,a.jsxs)("span",{className:"mr-1",children:["; with ' '"," "]})}),(0,a.jsx)("button",{className:"bg-cyan-300 m-2 text-white-200 font-semibold py-2 px-4 rounded inline-flex items-center",onClick:function(){return function(){var e=n.split(/\r?\n/),t=[];e.map((function(e){t.push('"'+e+'"')}));var a=t.join(" ");console.log(a),m(a),u(!1)}()},children:(0,a.jsxs)("span",{className:"mr-1",children:['Spaces with " "'," "]})}),(0,a.jsx)("button",{className:"bg-cyan-300 m-2 text-white-200 font-semibold py-2 px-4 rounded inline-flex items-center",onClick:function(){return function(){var e=n.split(/\r?\n/),t=[];e.map((function(e){t.push("'"+e+"'")}));var a=t.join(" ");console.log(a),m(a),u(!1)}()},children:(0,a.jsxs)("span",{className:"mr-1",children:["Spaces with ' '"," "]})})]}),(0,a.jsxs)("div",{className:"flex flex-row",children:[(0,a.jsx)("button",{className:"bg-cyan-300 m-2 text-white-200 font-semibold py-2 px-4 rounded inline-flex items-center",onClick:function(){return function(){var e=n.split(/\r?\n/),t=[];e.map((function(e){t.push('"'+e+'"')}));var a=t.join("\n");console.log(a),m(a),u(!1)}()},children:(0,a.jsxs)("span",{className:"mr-1",children:['New Line with " "'," "]})}),(0,a.jsx)("button",{className:"bg-cyan-300 m-2 text-white-200 font-semibold py-2 px-4 rounded inline-flex items-center",onClick:function(){return function(){var e=n.split(/\r?\n/),t=[];e.map((function(e){t.push("'"+e+"'")}));var a=t.join("\n");console.log(a),m(a),u(!1)}()},children:(0,a.jsxs)("span",{className:"mr-1",children:["New Line with ' '"," "]})})]})]})]})})}),(0,a.jsx)("div",{className:"opacity-25 fixed inset-0 z-40 bg-black"})]}):null]}),(0,a.jsx)("div",{className:"mx-auto mt-5 ",children:(0,a.jsx)("textarea",{id:"",cols:"30",rows:"5",ref:h,className:"border-2 rounded-md p-5 w-full",value:c,onChange:function(e){return m(e.target.value)}})}),(0,a.jsx)("button",{className:"bg-cyan-500 px-2 py-1 rounded",onClick:function(){h.current.select(),document.execCommand("copy")},title:"copy",children:(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-6 w-6 text-white",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})})})]}),(0,a.jsx)("p",{className:"mx-5 mt-5 py-2 max-w-2xl md:mx-auto text-md md:text-lg text-slate-900 text-justify",children:"For example, suppose you have a list of 1,000 names that you want to put into a spreadsheet. Manually inserting commas between each name would be time-consuming and error-prone. Using a comma separator tool, you can quickly and easily insert commas between each name, ensuring that the list is properly formatted and easy to read."}),(0,a.jsx)("p",{className:"mx-5 mt-5 py-2 max-w-2xl md:mx-auto text-md md:text-lg text-slate-900 text-justify",children:"Comma separator tools can be used in a variety of contexts, including in spreadsheet software, text editors, and online tools. Some tools may also allow users to specify custom separators, such as semicolons or pipes, depending on the needs of the user."}),(0,a.jsx)("p",{className:"mx-5 mt-5 py-2 max-w-2xl md:mx-auto text-md md:text-lg text-slate-900 text-justify",children:"Overall, a comma separator tool is a useful tool for anyone working with large amounts of data that needs to be formatted and separated in a specific way. It can save time and reduce the risk of errors, making it easier to work with and analyze data."})]})}),(0,a.jsx)(l.Z,{})]})}}},function(e){e.O(0,[724,774,888,179],(function(){return n=8581,e(e.s=n);var n}));var n=e.O();_N_E=n}]);