[{"data":1,"prerenderedAt":575},["ShallowReactive",2],{"navigation_docs":3,"-frameworks-svelte":49,"-frameworks-svelte-surround":570},[4,8,12,16,20,24,28],{"title":5,"path":6,"stem":7},"Introduction","\u002Fintroduction","1.introduction",{"title":9,"path":10,"stem":11},"Installation","\u002Finstallation","2.installation",{"title":13,"path":14,"stem":15},"SDKs","\u002Fsdk","3.sdk",{"title":17,"path":18,"stem":19},"Dashboard","\u002Fdashboard","4.dashboard",{"title":21,"path":22,"stem":23},"HTTP API","\u002Fhttp-api","5.http-api",{"title":25,"path":26,"stem":27},"Image Transformations","\u002Ftransformations","6.transformations",{"title":29,"path":30,"stem":31,"children":32},"Framework Components","\u002Fframeworks","frameworks",[33,37,41,45],{"title":34,"path":35,"stem":36},"Qwik","\u002Fframeworks\u002Fqwik","frameworks\u002Fqwik",{"title":38,"path":39,"stem":40},"React","\u002Fframeworks\u002Freact","frameworks\u002Freact",{"title":42,"path":43,"stem":44},"Svelte","\u002Fframeworks\u002Fsvelte","frameworks\u002Fsvelte",{"title":46,"path":47,"stem":48},"Vue","\u002Fframeworks\u002Fvue","frameworks\u002Fvue",{"id":50,"title":42,"body":51,"description":564,"extension":565,"links":566,"meta":567,"navigation":130,"path":43,"seo":568,"stem":44,"__hash__":569},"docs\u002Fframeworks\u002Fsvelte.md",{"type":52,"value":53,"toc":559},"minimark",[54,63,68,348,352,484,488,495,555],[55,56,57,58,62],"p",{},"The ",[59,60,61],"code",{},"@pichaflow\u002Fsvelte"," package provides a reactive upload component built specifically for Svelte.",[64,65,67],"h2",{"id":66},"usage","Usage",[69,70,75],"pre",{"className":71,"code":72,"language":73,"meta":74,"style":74},"language-svelte shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript>\n  import { PichaUpload } from '@pichaflow\u002Fsvelte';\n\n  function handleSuccess(event) {\n    const response = event.detail;\n    console.log('Upload successful:', response.url);\n  }\n\u003C\u002Fscript>\n\n\u003CPichaUpload\n  apiKey=\"pk_live_your_public_key\"\n  useSecure={true}\n  signatureUrl=\"\u002Fapi\u002Fmedia\u002Fv1\u002Fupload\u002Fsign\"\n  tags={['ecommerce', 'svelte']}\n  on:success={handleSuccess}\n\u002F>\n","svelte","",[59,76,77,93,125,132,156,179,213,219,229,234,243,261,277,292,323,342],{"__ignoreMap":74},[78,79,82,86,90],"span",{"class":80,"line":81},"line",1,[78,83,85],{"class":84},"sMK4o","\u003C",[78,87,89],{"class":88},"swJcz","script",[78,91,92],{"class":84},">\n",[78,94,96,100,103,107,110,113,116,119,122],{"class":80,"line":95},2,[78,97,99],{"class":98},"s7zQu","  import",[78,101,102],{"class":84}," {",[78,104,106],{"class":105},"sTEyZ"," PichaUpload",[78,108,109],{"class":84}," }",[78,111,112],{"class":98}," from",[78,114,115],{"class":84}," '",[78,117,61],{"class":118},"sfazB",[78,120,121],{"class":84},"'",[78,123,124],{"class":84},";\n",[78,126,128],{"class":80,"line":127},3,[78,129,131],{"emptyLinePlaceholder":130},true,"\n",[78,133,135,139,143,146,150,153],{"class":80,"line":134},4,[78,136,138],{"class":137},"spNyl","  function",[78,140,142],{"class":141},"s2Zo4"," handleSuccess",[78,144,145],{"class":84},"(",[78,147,149],{"class":148},"sHdIc","event",[78,151,152],{"class":84},")",[78,154,155],{"class":84}," {\n",[78,157,159,162,165,168,171,174,177],{"class":80,"line":158},5,[78,160,161],{"class":137},"    const",[78,163,164],{"class":105}," response",[78,166,167],{"class":84}," =",[78,169,170],{"class":105}," event",[78,172,173],{"class":84},".",[78,175,176],{"class":105},"detail",[78,178,124],{"class":84},[78,180,182,185,187,190,192,194,197,199,202,204,206,209,211],{"class":80,"line":181},6,[78,183,184],{"class":105},"    console",[78,186,173],{"class":84},[78,188,189],{"class":141},"log",[78,191,145],{"class":88},[78,193,121],{"class":84},[78,195,196],{"class":118},"Upload successful:",[78,198,121],{"class":84},[78,200,201],{"class":84},",",[78,203,164],{"class":105},[78,205,173],{"class":84},[78,207,208],{"class":105},"url",[78,210,152],{"class":88},[78,212,124],{"class":84},[78,214,216],{"class":80,"line":215},7,[78,217,218],{"class":84},"  }\n",[78,220,222,225,227],{"class":80,"line":221},8,[78,223,224],{"class":84},"\u003C\u002F",[78,226,89],{"class":88},[78,228,92],{"class":84},[78,230,232],{"class":80,"line":231},9,[78,233,131],{"emptyLinePlaceholder":130},[78,235,237,239],{"class":80,"line":236},10,[78,238,85],{"class":84},[78,240,242],{"class":241},"sBMFI","PichaUpload\n",[78,244,246,249,252,255,258],{"class":80,"line":245},11,[78,247,248],{"class":137},"  apiKey",[78,250,251],{"class":84},"=",[78,253,254],{"class":84},"\"",[78,256,257],{"class":118},"pk_live_your_public_key",[78,259,260],{"class":84},"\"\n",[78,262,264,267,270,274],{"class":80,"line":263},12,[78,265,266],{"class":137},"  useSecure",[78,268,269],{"class":84},"={",[78,271,273],{"class":272},"sfNiH","true",[78,275,276],{"class":84},"}\n",[78,278,280,283,285,287,290],{"class":80,"line":279},13,[78,281,282],{"class":137},"  signatureUrl",[78,284,251],{"class":84},[78,286,254],{"class":84},[78,288,289],{"class":118},"\u002Fapi\u002Fmedia\u002Fv1\u002Fupload\u002Fsign",[78,291,260],{"class":84},[78,293,295,298,300,303,305,308,310,312,314,316,318,321],{"class":80,"line":294},14,[78,296,297],{"class":137},"  tags",[78,299,269],{"class":84},[78,301,302],{"class":105},"[",[78,304,121],{"class":84},[78,306,307],{"class":118},"ecommerce",[78,309,121],{"class":84},[78,311,201],{"class":84},[78,313,115],{"class":84},[78,315,73],{"class":118},[78,317,121],{"class":84},[78,319,320],{"class":105},"]",[78,322,276],{"class":84},[78,324,326,329,332,335,337,340],{"class":80,"line":325},15,[78,327,328],{"class":98},"  on",[78,330,331],{"class":84},":",[78,333,334],{"class":241},"success",[78,336,269],{"class":84},[78,338,339],{"class":105},"handleSuccess",[78,341,276],{"class":84},[78,343,345],{"class":80,"line":344},16,[78,346,347],{"class":84},"\u002F>\n",[64,349,351],{"id":350},"props","Props",[353,354,355,374],"table",{},[356,357,358],"thead",{},[359,360,361,365,368,371],"tr",{},[362,363,364],"th",{},"Prop",[362,366,367],{},"Type",[362,369,370],{},"Default",[362,372,373],{},"Description",[375,376,377,403,423,445,464],"tbody",{},[359,378,379,385,390,396],{},[380,381,382],"td",{},[59,383,384],{},"apiKey",[380,386,387],{},[59,388,389],{},"string",[380,391,392],{},[393,394,395],"strong",{},"Required",[380,397,398,399,402],{},"Your PichaFlow Public Key (",[59,400,401],{},"pk_live_...",").",[359,404,405,410,415,420],{},[380,406,407],{},[59,408,409],{},"useSecure",[380,411,412],{},[59,413,414],{},"boolean",[380,416,417],{},[59,418,419],{},"false",[380,421,422],{},"Enable the HMAC-SHA256 handshake flow for secure browser uploads.",[359,424,425,430,434,439],{},[380,426,427],{},[59,428,429],{},"signatureUrl",[380,431,432],{},[59,433,389],{},[380,435,436],{},[59,437,438],{},"undefined",[380,440,441,442,444],{},"The endpoint on your backend that signs the upload request (Required if ",[59,443,409],{}," is true).",[359,446,447,452,456,461],{},[380,448,449],{},[59,450,451],{},"baseUrl",[380,453,454],{},[59,455,389],{},[380,457,458],{},[59,459,460],{},"https:\u002F\u002Fapi.pichaflow.com",[380,462,463],{},"Optional API base URL.",[359,465,466,471,476,481],{},[380,467,468],{},[59,469,470],{},"tags",[380,472,473],{},[59,474,475],{},"string[]",[380,477,478],{},[59,479,480],{},"[]",[380,482,483],{},"Tags to apply to the upload.",[64,485,487],{"id":486},"events","Events",[55,489,490,491,494],{},"Svelte events are emitted using the ",[59,492,493],{},"dispatch"," system.",[353,496,497,509],{},[356,498,499],{},[359,500,501,504,507],{},[362,502,503],{},"Event",[362,505,506],{},"Payload",[362,508,373],{},[375,510,511,525,540],{},[359,512,513,517,522],{},[380,514,515],{},[59,516,334],{},[380,518,519],{},[59,520,521],{},"UploadResponse",[380,523,524],{},"Fired when upload completes successfully.",[359,526,527,532,537],{},[380,528,529],{},[59,530,531],{},"error",[380,533,534],{},[59,535,536],{},"any",[380,538,539],{},"Fired on network or server errors.",[359,541,542,547,552],{},[380,543,544],{},[59,545,546],{},"progress",[380,548,549],{},[59,550,551],{},"number",[380,553,554],{},"Fired during upload progress updates.",[556,557,558],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":74,"searchDepth":95,"depth":95,"links":560},[561,562,563],{"id":66,"depth":95,"text":67},{"id":350,"depth":95,"text":351},{"id":486,"depth":95,"text":487},"Integrate PichaFlow into your Svelte and SvelteKit applications with ease.","md",null,{},{"title":42,"description":564},"LkeD71wh8O2i7CKnV0EMqJ5r3W57DZLDUwFw5mGYbZk",[571,573],{"title":38,"path":39,"stem":40,"description":572,"children":-1},"Integrate PichaFlow into your React and Next.js applications.",{"title":46,"path":47,"stem":48,"description":574,"children":-1},"Integrate PichaFlow into your Vue and Nuxt applications.",1779934775330]