1"use strict";(self.webpackChunkpurple_photo=self.webpackChunkpurple_photo||[]).push([[49],{2144:()=>{},5007:(e,a,s)=>{s.d(a,{A:()=>le});var l,n=s(9379),i=s(5043),d=s(7528),r=s(430),c=s(579);const t=r.Ay.div(l||(l=(0,d.A)(["\n transform: scale(",");\n ","\n"])),e=>e.sliderRangeValue/10,e=>{let{active:a}=e;return a&&"\n -webkit-box-reflect:below 40px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(37%, transparent) , to(rgba(250, 250, 250, 0.4)));\n "}),o=e=>(0,c.jsx)(t,{className:"slide-mobile-phone-container",sliderRangeValue:e.sliderRangeValue,active:e.reflectionSwitchValue,children:(0,c.jsxs)("div",{className:"phone",children:[(0,c.jsxs)("div",{className:"phone-back",children:[(0,c.jsxs)("div",{className:"phone-left-side",children:[(0,c.jsx)("div",{className:"phone-antena"}),(0,c.jsx)("div",{className:"phone-button top"}),(0,c.jsx)("div",{className:"phone-button"}),(0,c.jsx)("div",{className:"phone-button bottom"}),(0,c.jsx)("div",{className:"phone-antena bottom"})]}),(0,c.jsxs)("div",{className:"phone-bottom",children:[(0,c.jsx)("div",{className:"phone-antena"}),(0,c.jsxs)("div",{className:"bottom-speaker",children:[(0,c.jsx)("div",{}),(0,c.jsx)("div",{}),(0,c.jsx)("div",{}),(0,c.jsx)("div",{}),(0,c.jsx)("div",{}),(0,c.jsx)("div",{})]}),(0,c.jsx)("div",{className:"phone-screw",children:(0,c.jsx)("div",{})}),(0,c.jsx)("div",{className:"phone-charger"}),(0,c.jsx)("div",{className:"phone-screw right",children:(0,c.jsx)("div",{})}),(0,c.jsxs)("div",{className:"bottom-speaker right",children:[(0,c.jsx)("div",{}),(0,c.jsx)("div",{}),(0,c.jsx)("div",{}),(0,c.jsx)("div",{}),(0,c.jsx)("div",{}),(0,c.jsx)("div",{})]}),(0,c.jsx)("div",{className:"phone-antena right"})]})]}),(0,c.jsx)("div",{className:"phone-screen"}),(0,c.jsxs)("div",{className:"phone-display",children:[(0,c.jsx)("div",{className:"phone-notch",children:(0,c.jsx)("div",{className:"phone-speaker"})}),(0,c.jsx)("div",{className:"display-content",children:e.children})]}),(0,c.jsxs)("div",{className:"phone-reflections",children:[(0,c.jsx)("div",{className:"reflection-1"}),(0,c.jsx)("div",{className:"reflection-2"}),(0,c.jsx)("div",{className:"reflection-3"}),(0,c.jsx)("div",{className:"reflection-5"}),(0,c.jsx)("div",{className:"reflection-6"}),(0,c.jsx)("div",{className:"reflection-7"})]})]})}),m=s.p+"static/media/mac-stand-2.5fb710837c708170c7b9.png";var h;const v=r.Ay.div(h||(h=(0,d.A)(["\n transform: scale(",");\n ","\n"])),e=>e.sliderRangeValue/10,e=>{let{active:a}=e;return a&&"\n -webkit-box-reflect:below 40px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(37%, transparent) , to(rgba(250, 250, 250, 0.4)));\n "}),x=e=>(0,c.jsx)(v,{className:"mac-container text-center",sliderRangeValue:e.sliderRangeValue,active:e.reflectionSwitchValue,children:(0,c.jsxs)("div",{className:"device-mac",children:[e.children,(0,c.jsx)("div",{className:"mac-body",children:(0,c.jsx)("i",{className:"fa fa-apple apple-icon"})}),(0,c.jsx)("img",{src:m,alt:"mac-stand",className:"mac-stand"})]})});var b;const u=r.Ay.div(b||(b=(0,d.A)(["\n transform: scale(",");\n ","\n"])),e=>e.sliderRangeValue/10,e=>{let{active:a}=e;return a&&"\n -webkit-box-reflect:below 40px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(37%, transparent) , to(rgba(250, 250, 250, 0.4)));\n "}),j=e=>(0,c.jsx)(u,{className:"macbook-container",sliderRangeValue:e.sliderRangeValue,active:e.reflectionSwitchValue,children:(0,c.jsxs)("div",{className:"macbook",children:[(0,c.jsx)("div",{className:"screen",children:(0,c.jsx)("div",{className:"viewport",children:e.children})}),(0,c.jsx)("div",{className:"base"}),(0,c.jsx)("div",{className:"notch"})]})});var N;const p=r.Ay.div(N||(N=(0,d.A)(["\n transform: scale(",");\n ","\n"])),e=>e.sliderRangeValue/10,e=>{let{active:a}=e;return a&&"\n -webkit-box-reflect:below 40px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(37%, transparent) , to(rgba(250, 250, 250, 0.4)));\n "}),w=e=>(0,c.jsx)(p,{className:"macbook-pro-container",sliderRangeValue:e.sliderRangeValue,active:e.reflectionSwitchValue,children:(0,c.jsx)("div",{id:"macbook-container",className:"container",children:(0,c.jsx)("div",{className:"box",children:(0,c.jsxs)("div",{className:"macbook",children:[(0,c.jsx)("div",{className:"screen",children:(0,c.jsx)("div",{className:"front",children:(0,c.jsx)("div",{className:"main-screen",children:e.children})})}),(0,c.jsx)("div",{className:"floor",children:(0,c.jsxs)("div",{className:"on-sole",children:[(0,c.jsxs)("div",{className:"interactive",children:[(0,c.jsx)("div",{className:"loudspeaker"}),(0,c.jsx)("div",{className:"main-keys",children:(0,c.jsxs)("div",{className:"keyboards",children:[(0,c.jsxs)("div",{className:"mrow",children:[(0,c.jsx)("div",{className:"key low-key",children:"Esc"}),(0,c.jsx)("div",{className:"touchbar"}),(0,c.jsx)("div",{className:"key low-key"})]}),(0,c.jsxs)("div",{className:"mrow",children:[(0,c.jsx)("div",{className:"key",children:"~"}),(0,c.jsx)("div",{className:"key",children:"1"}),(0,c.jsx)("div",{className:"key",children:"2"}),(0,c.jsx)("div",{className:"key",children:"3"}),(0,c.jsx)("div",{className:"key",children:"4"}),(0,c.jsx)("div",{className:"key",children:"5"}),(0,c.jsx)("div",{className:"key",children:"6"}),(0,c.jsx)("div",{className:"key",children:"7"}),(0,c.jsx)("div",{className:"key",children:"8"}),(0,c.jsx)("div",{className:"key",children:"9"}),(0,c.jsx)("div",{className:"key",children:"0"}),(0,c.jsx)("div",{className:"key",children:"-"}),(0,c.jsx)("div",{className:"key",children:"+"}),(0,c.jsx)("div",{className:"key x1/5",children:"Del"})]}),(0,c.jsxs)("div",{className:"mrow",children:[(0,c.jsx)("div",{className:"key x1/5",children:"Tab"}),(0,c.jsx)("div",{className:"key",children:"Q"}),(0,c.jsx)("div",{className:"key",children:"W"}),(0,c.jsx)("div",{className:"key",children:"E"}),(0,c.jsx)("div",{className:"key",children:"R"}),(0,c.jsx)("div",{className:"key",children:"T"}),(0,c.jsx)("div",{className:"key",children:"Y"}),(0,c.jsx)("div",{className:"key",children:"U"}),(0,c.jsx)("div",{className:"key",children:"I"}),(0,c.jsx)("div",{className:"key",children:"O"}),(0,c.jsx)("div",{className:"key",children:"P"}),(0,c.jsx)("div",{className:"key",children:"{"}),(0,c.jsx)("div",{className:"key",children:"}"}),(0,c.jsx)("div",{className:"key",children:"\\"})]}),(0,c.jsxs)("div",{className:"mrow",children:[(0,c.jsx)("div",{className:"key x2",children:"Caps lock"}),(0,c.jsx)("div",{className:"key",children:"A"}),(0,c.jsx)("div",{className:"key",children:"S"}),(0,c.jsx)("div",{className:"key",children:"D"}),(0,c.jsx)("div",{className:"key",children:"F"}),(0,c.jsx)("div",{className:"key",children:"G"}),(0,c.jsx)("div",{className:"key",children:"H"}),(0,c.jsx)("div",{className:"key",children:"J"}),(0,c.jsx)("div",{className:"key",children:"K"}),(0,c.jsx)("div",{className:"key",children:"L"}),(0,c.jsx)("div",{className:"key",children:";"}),(0,c.jsx)("div",{className:"key",children:"'"}),(0,c.jsx)("div",{className:"key x2",children:"Return"})]}),(0,c.jsxs)("div",{className:"mrow",children:[(0,c.jsx)("div",{className:"key x2/5",children:"Shift"}),(0,c.jsx)("div",{className:"key",children:"Z"}),(0,c.jsx)("div",{className:"key",children:"X"}),(0,c.jsx)("div",{className:"key",children:"C"}),(0,c.jsx)("div",{className:"key",children:"V"}),(0,c.jsx)("div",{className:"key",children:"B"}),(0,c.jsx)("div",{className:"key",children:"N"}),(0,c.jsx)("div",{className:"key",children:"M"}),(0,c.jsx)("div",{className:"key",children:","}),(0,c.jsx)("div",{className:"key",children:"."}),(0,c.jsx)("div",{className:"key",children:"/"}),(0,c.jsx)("div",{className:"key x2/5",children:"Shift"})]}),(0,c.jsxs)("div",{className:"mrow",children:[(0,c.jsx)("div",{className:"key",children:"FN"}),(0,c.jsx)("div",{className:"key",children:"Cmd"}),(0,c.jsx)("div",{className:"key",children:"Opt"}),(0,c.jsx)("div",{className:"key x6"}),(0,c.jsx)("div",{className:"key",children:"Cmd"}),(0,c.jsx)("div",{className:"key",children:"Opt"}),(0,c.jsx)("div",{className:"key",children:"<"}),(0,c.jsx)("div",{className:"key",children:">"})]})]})}),(0,c.jsx)("div",{className:"loudspeaker"})]}),(0,c.jsx)("div",{className:"trackpad"})]})})]})})})});var g;const k=r.Ay.div(g||(g=(0,d.A)(["\n transform: scale(",");\n ","\n"])),e=>e.sliderRangeValue/10,e=>{let{active:a}=e;return a&&"\n -webkit-box-reflect:below 40px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(37%, transparent) , to(rgba(250, 250, 250, 0.4)));\n"}),f=e=>
1(0,c.jsx)(k,{className:"switch-container",sliderRangeValue:e.sliderRangeValue,active:e.reflectionSwitchValue,children:(0,c.jsxs)("div",{className:"switch",children:[(0,c.jsxs)("div",{className:"nintendo-body",children:[(0,c.jsx)("div",{className:"volume"}),(0,c.jsx)("div",{className:"nintendo-screen",children:e.children})]}),(0,c.jsxs)("div",{className:"joy-con left",children:[(0,c.jsxs)("div",{className:"button-group",children:[(0,c.jsx)("div",{className:"button arrow up"}),(0,c.jsx)("div",{className:"button arrow right"}),(0,c.jsx)("div",{className:"button arrow down"}),(0,c.jsx)("div",{className:"button arrow left"})]}),(0,c.jsx)("div",{className:"stick"}),(0,c.jsx)("div",{className:"select"}),(0,c.jsx)("div",{className:"capture"}),(0,c.jsx)("div",{className:"shoulder l"})]}),(0,c.jsxs)("div",{className:"joy-con right",children:[(0,c.jsxs)("div",{className:"button-group",children:[(0,c.jsx)("div",{className:"button letter","data-letter":"X"}),(0,c.jsx)("div",{className:"button letter","data-letter":"A"}),(0,c.jsx)("div",{className:"button letter","data-letter":"B"}),(0,c.jsx)("div",{className:"button letter","data-letter":"Y"})]}),(0,c.jsx)("div",{className:"stick"}),(0,c.jsx)("div",{className:"start"}),(0,c.jsx)("div",{className:"home"}),(0,c.jsx)("div",{className:"shoulder r"})]})]})});var y=s(5106),D=s(3477);var S,A;const V=r.Ay.span(S||(S=(0,d.A)(["\n background: ","",";\n border: 2px solid ",";\n display: inline-block;\n"])),e=>e.background,e=>{let{isTransparentFrame:a}=e;return a&&"33"},e=>e.background),C=r.Ay.span(A||(A=(0,d.A)(["\n padding: ",";\n padding-top: 0;\n"])),e=>e.padding),R=e=>{const[a,s]=i.useState(window.location.origin),[l,n]=i.useState("#4a5560"),[d,r]=i.useState(!1),[t,o]=i.useState(!0),[m,h]=i.useState(!1),v=(e,a)=>{n(e)};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(V,{className:"web-container",background:l,isTransparentFrame:m,children:[(0,c.jsxs)("div",{className:"browser-header",children:[(0,c.jsxs)("div",{className:"column left",children:[(0,c.jsx)("span",{className:"dot bck-red"}),(0,c.jsx)("span",{className:"dot bck-yellow"}),(0,c.jsx)("span",{className:"dot bck-green"})]}),d&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("div",{className:"column middle",children:(0,c.jsx)("input",{type:"text",value:a,onChange:e=>s(e.target.value)})}),(0,c.jsx)("div",{className:"column right",children:(0,c.jsxs)("div",{className:"bar-align",children:[(0,c.jsx)("span",{className:"bar"}),(0,c.jsx)("span",{className:"bar"}),(0,c.jsx)("span",{className:"bar"})]})})]})]}),(0,c.jsx)(C,{className:"content",padding:t?"10px":"0px",children:e.children})]}),(0,c.jsxs)("div",{className:"preview-settings-wrapper",children:[(0,c.jsxs)("div",{children:[(0,c.jsx)("div",{className:"code-settings-label",children:"Browser border:"}),(0,c.jsx)("div",{className:"text-center",children:(0,c.jsx)(y.default,{onChange:o,checked:t,onColor:"#86d3ff",onHandleColor:"#2693e6",handleDiameter:30,uncheckedIcon:!1,checkedIcon:!1,boxShadow:"0px 1px 5px rgba(0, 0, 0, 0.6)",activeBoxShadow:"0px 0px 1px 10px rgba(0, 0, 0, 0.2)",height:20,width:50,className:"react-switch"})})]}),(0,c.jsxs)("div",{children:[(0,c.jsx)("div",{className:"code-settings-label",children:"Search Bar & Breadcrumbs:"}),(0,c.jsx)("div",{className:"text-center",children:(0,c.jsx)(y.default,{onChange:r,checked:d,onColor:"#86d3ff",onHandleColor:"#2693e6",handleDiameter:30,uncheckedIcon:!1,checkedIcon:!1,boxShadow:"0px 1px 5px rgba(0, 0, 0, 0.6)",activeBoxShadow:"0px 0px 1px 10px rgba(0, 0, 0, 0.2)",height:20,width:50,className:"react-switch"})})]}),(0,c.jsxs)("div",{children:[(0,c.jsx)("div",{className:"code-settings-label",children:"Glassy effect :"}),(0,c.jsx)("div",{className:"text-center",children:(0,c.jsx)(y.default,{onChange:e=>{h(e),v(l)},checked:m,onColor:"#86d3ff",onHandleColor:"#2693e6",handleDiameter:30,uncheckedIcon:!1,checkedIcon:!1,boxShadow:"0px 1px 5px rgba(0, 0, 0, 0.6)",activeBoxShadow:"0px 0px 1px 10px rgba(0, 0, 0, 0.2)",height:20,width:50,className:"react-switch"})})]}),(0,c.jsxs)("div",{children:[(0,c.jsx)("div",{className:"code-settings-label",children:"Select Theme:"}
1),(0,c.jsx)(D.z0,{color:l,onChange:e=>v(e.hex),colors:["#65647C","#FBFACD","#F7A4A4","#DEBACE","#FFB9B9","#90A17D","#EDE4E0","#815B5B","#98A8F8","#BCCEF8","#FFE3E1","#C4DFAA","#CDF0EA","#CDC2AE","#B1BCE6","#E7FBBE","#FFDEFA","#716F81"]}),(0,c.jsx)("br",{})]})]})]})};var B;const F=r.Ay.div(B||(B=(0,d.A)(["\n transform: scale(",");\n ","\n"])),e=>e.sliderRangeValue/10,e=>{let{active:a}=e;return a&&"\n -webkit-box-reflect:below 40px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(37%, transparent) , to(rgba(250, 250, 250, 0.4)));\n "}),P=e=>(0,c.jsx)(F,{className:"iphone-x-container",sliderRangeValue:e.sliderRangeValue,active:e.reflectionSwitchValue,children:(0,c.jsxs)("div",{className:"iphone-x",children:[(0,c.jsx)("div",{className:"side",children:(0,c.jsx)("div",{className:"screen",children:e.children})}),(0,c.jsx)("div",{className:"line"}),(0,c.jsxs)("div",{className:"header",children:[(0,c.jsx)("div",{className:"sensor-1"}),(0,c.jsx)("div",{className:"sensor-2"}),(0,c.jsx)("div",{className:"sensor-3"})]}),(0,c.jsx)("div",{className:"volume-button"}),(0,c.jsx)("div",{className:"power-button"})]})});var T;const E=r.Ay.div(T||(T=(0,d.A)(["\n transform: scale(",");\n ","\n"])),e=>e.sliderRangeValue/10,e=>{let{active:a}=e;return a&&"\n -webkit-box-reflect:below 40px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(37%, transparent) , to(rgba(250, 250, 250, 0.4)));\n "}),L=e=>(0,c.jsx)(E,{className:"iphone14-container",sliderRangeValue:e.sliderRangeValue,active:e.reflectionSwitchValue,children:(0,c.jsxs)("div",{className:"iphoneFront",children:[(0,c.jsx)("div",{className:"frame"}),(0,c.jsxs)("div",{className:"antenas",children:[(0,c.jsx)("div",{className:"tt"}),(0,c.jsx)("div",{className:"tr"}),(0,c.jsx)("div",{className:"tl"}),(0,c.jsx)("div",{className:"bb"}),(0,c.jsx)("div",{className:"br"}),(0,c.jsx)("div",{className:"bl"})]}),(0,c.jsxs)("div",{className:"keys",children:[(0,c.jsx)("div",{className:"silent"}),(0,c.jsx)("div",{className:"volt"}),(0,c.jsx)("div",{className:"volb"}),(0,c.jsx)("div",{className:"lock"})]}),(0,c.jsxs)("div",{className:"screen",children:[(0,c.jsx)("div",{className:"island",children:(0,c.jsx)("div",{className:"camera"})}),e.children]})]})});var z;const M=r.Ay.div(z||(z=(0,d.A)(["\n transform: scale(",");\n ","\n"])),e=>e.sliderRangeValue/10,e=>{let{active:a}=e;return a&&"\n -webkit-box-reflect:below 40px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(37%, transparent) , to(rgba(250, 250, 250, 0.4)));\n "}),q=e=>(0,c.jsxs)(M,{className:"iphone13-parent",sliderRangeValue:e.sliderRangeValue,active:e.reflectionSwitchValue,children:[(0,c.jsxs)("div",{className:"mobile back",children:[(0,c.jsxs)("div",{className:"camera-section",children:[(0,c.jsx)("div",{className:"camera-ring",children:(0,c.jsx)("div",{className:"telephoto"})}),(0,c.jsx)("div",{className:"camera-ring wide-ring",children:(0,c.jsx)("div",{className:"wide"})}),(0,c.jsx)("div",{className:"camera-ring ultra-wide-ring",children:(0,c.jsx)("div",{className:"ultra-wide",children:(0,c.jsx)("div",{className:"inner-sensor"})})}),(0,c.jsx)("div",{className:"flash"}),(0,c.jsx)("div",{className:"lidar-scanner"}),(0,c.jsx)("div",{className:"noise-cancellation"})]}),(0,c.jsxs)("div",{className:"antenna-bands",children:[(0,c.jsx)("div",{className:"top-band"}),(0,c.jsx)("div",{className:"bottom-band"})]}),(0,c.jsx)("div",{className:"left-buttons",children:(0,c.jsx)("div",{className:"side-button"})}),(0,c.jsxs)("div",{className:"right-buttons",children:[(0,c.jsx)("div",{className:"slider"}),(0,c.jsx)("div",{className:"volume-up"}),(0,c.jsx)("div",{className:"volume-down"})]}),(0,c.jsx)("i",{className:"fa fa-apple"})]}),(0,c.jsxs)("div",{className:"mobile front",children:[(0,c.jsx)("div",{className:"front-speaker"}),(0,c.jsx)("div",{className:"notch",children:(0,c.jsx)("div",{className:"front-camera"})}),(0,c.jsx)("div",{className:"content",children:(0,c.jsx)("div",{className:"screen",children:e.children})}),(0,c.jsxs)("div",{className:"antenna-bands",children:[(0,c.jsx)("div",{className:"top-band"}),(0,c.jsx)("div",{className:"bottom-band"})]}),(0,c.jsxs)("div",{className:"left-buttons",children:[(0,c.jsx)("div",{className:"slider"}),(0,c.jsx)("div",{className:"volume-up"}),(0,c.jsx)("div",{className:"volume-down"})]}),(0,c.jsx)("div",{className:"right-buttons",children:(0,c.jsx)("div",{className:"side-button"})})]})]}),I=e=>(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)("svg",{width:"100%",height:"100%",children:[(0,c.jsx)("defs",{children:(0,c.jsx)("pattern",{id:"polka-dots",x:"0",y:"0",width:"100",height:"100",patternUnits:"userSpaceOnUse",children:(0,c.jsx)("i",{className:"fa fa-image"})})}),(0,c.jsx)("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:"url(#polka-dots)",children:e.children})]})});var Y,X;const H=r.Ay.div(Y||(Y=(0,d.A)(["\n position: absolute;\n top: 0;\n left: 0;\n background-image: url(",");\n background-size: auto 100%;\n box-shadow: -1vw 0.5vw 1vw rgb(0 0 0 / 30%);\n height: 100%;\n width: 100%;\n transform: rotateY(30deg);\n transform-origin: 0 50%;\n"])),e=>e.file),O=r.Ay.div(X||(X=(0,d.A)(["\n background-image: url(",");\n height: 100%;\n width: 20%;\n transform-origin: 0 50%;\n transform: rotateY(-60deg) translateX(-100%);\n filter: brightness(40%);\n"])),e=>e.file),Z=e=>(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)("div",{className:"threed-model-box",children:[(0,c.jsxs)("div",{className:"block",children:[(0,c.jsx)(H,{className:"side-first-main-block",file:e.file}),(0,c.jsx)(O,{className:"side-first-left-block",file:e.file})]}),(0,c.jsxs)("div",{className:"block",children:[(0,c.jsx)(H,{className:"side-second-main-block",file:e.file}),(0,c.jsx)(O,{className:"side-second-left-block",file:e.file})]}),(0,c.jsxs)("div",{className:"block",children:[(0,c.jsx)(H,{className:"side-third-main-block",file:e.file}),(0,c.jsx)(O,{className:"side-third-left-block",file:e.file})]})]})});var G;const J=r.Ay.div(G||(G=(0,d.A)(["\n transform: scale(",");\n"])),e=>e.sliderRangeValue/10),K=e=>(0,c.jsx)(J,{sliderRangeValue:e.sliderRangeValue,children:(0,c.jsx)("div",{className:"book",children:e.children})});var U=s(7158),W=s(2073);var _;const Q=r.Ay.span(_||(_=(0,d.A)(["\n border: ","px solid\n rgba(\n ",",\n ",",\n ",",\n ","\n );\n border-radius: ","px;\n width: ","%;\n border-radius: ","px;\n box-shadow: "," ","\n "," ","\n rgba(\n ",",\n ",",\n ",",\n ","\n );\n transform: translate(\n ","px,\n ","px\n )\n rotateX(","deg)\n rotateY(","deg)\n rotateZ(","deg);\n {(reflectionSwitchValue)}\n ","\n"])),e=>e.border.width,e=>e.border.color.r,e=>e.border.color.g,e=>e.border.color.b,e=>e.border.color.a,e=>
1e.border.radius,e=>10*e.sliderRangeValue,e=>e.border.radius,e=>e.boxShadowX,e=>e.boxShadowY,e=>e.boxShadowSpread,e=>e.boxShadowBlur,e=>e.shadowColor.r,e=>e.shadowColor.g,e=>e.shadowColor.b,e=>e.shadowColor.a,e=>e.horizontalPositionValue,e=>e.verticalPositionValue,e=>e.tranformXValue,e=>e.tranformYValue,e=>e.tranformZValue,e=>{let{reflection:a}=e;return a&&"-webkit-box-reflect:below 40px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(37%, transparent) , to(rgba(250, 250, 250, 0.4)));"});class $ extends i.Component{constructor(e){super(e),this.handleEditorWillMount=e=>{const{themes:a}=this.state,s="https://raw.githubusercontent.com/brijeshb42/monaco-themes/master/themes/";a.map(a=>(a.needDownload&&(console.log("THeme url ","".concat(s).concat(a.label,".json")),fetch("".concat(s).concat(a.label,".json")).then(e=>e.json()).then(s=>{e.editor.defineTheme(a.value,s)})),a))},this.onLanguageSelect=e=>{this.setState({selectedLanguage:e})},this.themeSelect=e=>{console.log("themeSelect",e),this.setState({selectedTheme:e})},this.handleLineNumberChange=()=>{this.setState({showLineNumbers:!this.state.showLineNumbers})},this.state={languages:[{label:"Apex",value:"apex"},{label:"Azcli",value:"azcli"},{label:"Bat",value:"bat"},{label:"C",value:"c"},{label:"Clojure",value:"clojure"},{label:"CoffeeScript",value:"coffeescript"},{label:"Cpp",value:"cpp"},{label:"Csharp",value:"csharp"},{label:"Csp",value:"csp"},{label:"Css",value:"css"},{label:"Dockerfile",value:"dockerfile"},{label:"Fsharp",value:"fsharp"},{label:"Go",value:"go"},{label:"Graphql",value:"graphql"},{label:"Handlebars",value:"handlebars"},{label:"Html",value:"html"},{label:"Ini",value:"ini"},{label:"Java",value:"java"},{label:"Javascript",value:"javascript"},{label:"Json",value:"json"},{label:"Kotlin",value:"kotlin"},{label:"Less",value:"less"},{label:"Lua",value:"lua"},{label:"Markdown",value:"markdown"},{label:"Msdax",value:"msdax"},{label:"Mysql",value:"mysql"},{label:"Objective-c",value:"objective-c"},{label:"Pascal",value:"pascal"},{label:"Perl",value:"perl"},{label:"Pgsql",value:"pgsql"},{label:"Php",value:"php"},{label:"Plaintext",value:"plaintext"},{label:"Postiats",value:"postiats"},{label:"Powerquery",value:"powerquery"},{label:"Powershell",value:"powershell"},{label:"Pug",value:"pug"},{label:"Python",value:"python"},{label:"R",value:"r"},{label:"Razor",value:"razor"},{label:"Redis",value:"redis"},{label:"Redshift",value:"redshift"},{label:"Ruby",value:"ruby"},{label:"Rust",value:"rust"},{label:"Sb",value:"sb"},{label:"Scheme",value:"scheme"},{label:"Scss",value:"scss"},{label:"Shell",value:"shell"},{label:"Sol",value:"sol"},{label:"Sql",value:"sql"},{label:"St",value:"st"},{label:"Swift",value:"swift"},{label:"Tcl",value:"tcl"},{label:"Typescript",value:"typescript"},{label:"Vb",value:"vb"},{label:"Xml",value:"xml"},{label:"Yaml",value:"yaml"}],themes:[{label:"vs-dark",value:"vs-dark",needDownload:!1},{label:"light",value:"light",needDownload:!1},{label:"Active4D",value:"active4d",needDownload:!0},{label:"All Hallows Eve",value:"all-hallows-eve",needDownload:!0},{label:"Amy",value:"amy",needDownload:!0},{label:"Birds of Paradise",value:"birds-of-paradise",needDownload:!0},{label:"Blackboard",value:"blackboard",needDownload:!0},{label:"Brilliance Black",value:"brilliance-black",needDownload:!0},{label:"Brilliance Dull",value:"brilliance-dull",needDownload:!0},{label:"Chrome DevTools",value:"chrome-devtools",needDownload:!0},{label:"Clouds Midnight",value:"clouds-midnight",needDownload:!0},{label:"Clouds",value:"clouds",needDownload:!0},{label:"Cobalt",value:"cobalt",needDownload:!0},{label:"Dawn",value:"dawn",needDownload:!0},{label:"Dracula",value:"dracula",needDownload:!0},{label:"Dreamweaver",value:"dreamweaver",needDownload:!0},{label:"Eiffel",value:"eiffel",needDownload:!0},{label:"Espresso Libre",value:"espresso-libre",needDownload:!0},{label:"GitHub",value:"github",needDownload:!0},{label:"IDLE",value:"idle",needDownload:!0},{label:"Katzenmilch",value:"katzenmilch",needDownload:!0},{label:"Kuroir Theme",value:"kuroir-theme",needDownload:!0},{label:"LAZY",value:"lazy",needDownload:!0},{label:"MagicWB (Amiga)",value:"magicwb--amiga-",needDownload:!0},{label:"Merbivore Soft",value:"merbivore-soft",needDownload:!0},{label:"Merbivore",value:"merbivore",needDownload:!0},{label:"Monokai Bright",value:"monokai-bright",needDownload:!0},{label:"Monokai",value:"monokai",needDownload:!0},{label:"Night Owl",value:"night-owl",needDownload:!0},{label:"Oceanic Next",value:"oceanic-next",needDownload:!0},{label:"Pastels on Dark",value:"pastels-on-dark",needDownload:!0},{label:"Slush and Poppies",value:"slush-and-poppies",needDownload:!0},{label:"Solarized-dark",value:"solarized-dark",needDownload:!0},{label:"Solarized-light",value:"solarized-light",needDownload:!0},{label:"SpaceCadet",value:"spacecadet",needDownload:!0},{label:"Sunburst",value:"sunburst",needDownload:!0},{label:"Textmate (Mac Classic)",value:"textmate--mac-classic-",needDownload:!0},{label:"Tomorrow-Night-Blue",value:"tomorrow-night-blue",needDownload:!0},{label:"Tomorrow-Night-Bright",value:"tomorrow-night-bright",needDownload:!0},{label:"Tomorrow-Night-Eighties",value:"tomorrow-night-eighties",needDownload:!0},{label:"Tomorrow-Night",value:"tomorrow-night",needDownload:!0},{label:"Tomorrow",value:"tomorrow",needDownload:!0},{label:"Twilight",value:"twilight",needDownload:!0},{label:"Upstream Sunburst",value:"upstream-sunburst",needDownload:!0},{label:"Vibrant Ink",value:"vibrant-ink",needDownload:!0}
1,{label:"Xcode_default",value:"xcode-default",needDownload:!0},{label:"Zenburnesque",value:"zenburnesque",needDownload:!0},{label:"iPlastic",value:"iplastic",needDownload:!0},{label:"idleFingers",value:"idlefingers",needDownload:!0},{label:"krTheme",value:"krtheme",needDownload:!0},{label:"monoindustrial",value:"monoindustrial",needDownload:!0}],selectedLanguage:{label:"Javascript",value:"javascript"},selectedTheme:{label:"vs-dark",value:"vs-dark",needDownload:!1},showLineNumbers:!0}}componentDidMount(){}render(){const e=this.props,a=2*e.shadowValue+"px",s=2*e.shadowValue+"px",l=10*e.shadowValue+"px",n=2*e.shadowValue+"px";return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(Q,{className:"code-container",boxShadowX:a,boxShadowY:s,boxShadowSpread:l,boxShadowBlur:n,shadowColor:e.shadowColor,sliderRangeValue:e.sliderRangeValue,border:e.border,horizontalPositionValue:e.horizontalPositionValue,verticalPositionValue:e.verticalPositionValue,tranformXValue:e.tranformXValue,tranformYValue:e.tranformYValue,tranformZValue:e.tranformZValue,reflection:e.reflectionSwitchValue,children:[(0,c.jsxs)("div",{className:"code-header",children:[(0,c.jsx)("span",{className:"dot bck-red"}),(0,c.jsx)("span",{className:"dot bck-yellow"}),(0,c.jsx)("span",{className:"dot bck-green"})]}),(0,c.jsx)(U.Ay,{height:"".concat(10*e.sliderRangeValue,"%"),theme:this.state.selectedTheme.value,defaultLanguage:this.state.selectedLanguage.value,language:this.state.selectedLanguage.value,defaultValue:"// Add your code over here",cursorSmoothCaretAnimation:!0,options:{fontSize:e.title.size/3,fontColor:e.title.color,contextmenu:!1,lineNumbers:this.state.showLineNumbers,minimap:{enabled:!1}},beforeMount:this.handleEditorWillMount})]}),(0,c.jsxs)("div",{className:"preview-settings-wrapper",children:[(0,c.jsxs)("div",{children:[(0,c.jsx)("div",{className:"code-settings-label",children:"Select Language:"}),(0,c.jsx)(W.Ay,{options:this.state.languages,menuPlacement:"top",placeholder:"Select Language",onChange:this.onLanguageSelect,value:this.state.selectedLanguage,className:"code-settings-select",classNamePrefix:"react-select"})]}),(0,c.jsxs)("div",{children:[(0,c.jsx)("div",{className:"code-settings-label",children:"Show line numbers:"}),(0,c.jsx)("div",{className:"text-center",children:(0,c.jsx)(y.default,{onChange:this.handleLineNumberChange,checked:this.state.showLineNumbers,onColor:"#86d3ff",onHandleColor:"#2693e6",handleDiameter:30,uncheckedIcon:!1,checkedIcon:!1,boxShadow:"0px 1px 5px rgba(0, 0, 0, 0.6)",activeBoxShadow:"0px 0px 1px 10px rgba(0, 0, 0, 0.2)",height:20,width:50,className:"react-switch"})})]}),(0,c.jsxs)("div",{children:[(0,c.jsx)("div",{className:"code-settings-label",children:"Select Theme:"}),(0,c.jsx)(W.Ay,{options:this.state.themes,menuPlacement:"top",placeholder:"Select Theme",onChange:this.themeSelect,value:this.state.selectedTheme,className:"code-settings-select",classNamePrefix:"react-select"})]})]})]})}}const ee=$,ae=e=>
1(0,c.jsx)("div",{className:"frame-container text-center",children:(0,c.jsx)("ul",{id:"Frames",children:(0,c.jsx)("li",{className:"Frame",children:e.children})})}),se=e=>{const{type:a}=e;return"mobile"===a?(0,c.jsx)(o,(0,n.A)({},e)):"code"===a?(0,c.jsx)(ee,(0,n.A)({},e)):"iphone"===a?(0,c.jsx)(P,(0,n.A)({},e)):"iphone13"===a?(0,c.jsx)(q,(0,n.A)({},e)):"iphone14"===a?(0,c.jsx)(L,(0,n.A)({},e)):"mac"===a?(0,c.jsx)(x,(0,n.A)({},e)):"macbook"===a?(0,c.jsx)(j,(0,n.A)({},e)):"macbookpro"===a?(0,c.jsx)(w,(0,n.A)({},e)):"nintendo-switch"===a?(0,c.jsx)(f,(0,n.A)({},e)):"web-browser"===a?(0,c.jsx)(R,(0,n.A)({},e)):"3d-mode"===a?(0,c.jsx)(Z,(0,n.A)({},e)):"book"===a?(0,c.jsx)(K,(0,n.A)({},e)):"pattern"===a?(0,c.jsx)(I,(0,n.A)({},e)):"frame"===a?(0,c.jsx)(ae,(0,n.A)({},e)):(0,c.jsx)(c.Fragment,{children:e.children})};se.defaultProps={component:()=>{}};const le=se}}]); 2//# sourceMappingURL=49.dd63febc.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.