[{"data":1,"prerenderedAt":500},["ShallowReactive",2],{"navigation_docs":3,"-frameworks-svelte":49,"-frameworks-svelte-surround":495},[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":489,"extension":490,"links":491,"meta":492,"navigation":130,"path":43,"seo":493,"stem":44,"__hash__":494},"docs\u002Fframeworks\u002Fsvelte.md",{"type":52,"value":53,"toc":484},"minimark",[54,63,68,319,323,409,413,420,480],[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=\"sk_live_your_secret_key\"\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,294,313],{"__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},"sk_live_your_secret_key",[78,259,260],{"class":84},"\"\n",[78,262,264,267,270,273,275,278,280,282,284,286,288,291],{"class":80,"line":263},12,[78,265,266],{"class":137},"  tags",[78,268,269],{"class":84},"={",[78,271,272],{"class":105},"[",[78,274,121],{"class":84},[78,276,277],{"class":118},"ecommerce",[78,279,121],{"class":84},[78,281,201],{"class":84},[78,283,115],{"class":84},[78,285,73],{"class":118},[78,287,121],{"class":84},[78,289,290],{"class":105},"]",[78,292,293],{"class":84},"}\n",[78,295,297,300,303,306,308,311],{"class":80,"line":296},13,[78,298,299],{"class":98},"  on",[78,301,302],{"class":84},":",[78,304,305],{"class":241},"success",[78,307,269],{"class":84},[78,309,310],{"class":105},"handleSuccess",[78,312,293],{"class":84},[78,314,316],{"class":80,"line":315},14,[78,317,318],{"class":84},"\u002F>\n",[64,320,322],{"id":321},"props","Props",[324,325,326,345],"table",{},[327,328,329],"thead",{},[330,331,332,336,339,342],"tr",{},[333,334,335],"th",{},"Prop",[333,337,338],{},"Type",[333,340,341],{},"Default",[333,343,344],{},"Description",[346,347,348,370,389],"tbody",{},[330,349,350,356,361,367],{},[351,352,353],"td",{},[59,354,355],{},"apiKey",[351,357,358],{},[59,359,360],{},"string",[351,362,363],{},[364,365,366],"strong",{},"Required",[351,368,369],{},"Your PichaFlow Secret Key.",[330,371,372,377,381,386],{},[351,373,374],{},[59,375,376],{},"baseUrl",[351,378,379],{},[59,380,360],{},[351,382,383],{},[59,384,385],{},"https:\u002F\u002Fapi.pichaflow.com",[351,387,388],{},"Optional API base URL.",[330,390,391,396,401,406],{},[351,392,393],{},[59,394,395],{},"tags",[351,397,398],{},[59,399,400],{},"string[]",[351,402,403],{},[59,404,405],{},"[]",[351,407,408],{},"Tags to apply to the upload.",[64,410,412],{"id":411},"events","Events",[55,414,415,416,419],{},"Svelte events are emitted using the ",[59,417,418],{},"dispatch"," system.",[324,421,422,434],{},[327,423,424],{},[330,425,426,429,432],{},[333,427,428],{},"Event",[333,430,431],{},"Payload",[333,433,344],{},[346,435,436,450,465],{},[330,437,438,442,447],{},[351,439,440],{},[59,441,305],{},[351,443,444],{},[59,445,446],{},"UploadResponse",[351,448,449],{},"Fired when upload completes successfully.",[330,451,452,457,462],{},[351,453,454],{},[59,455,456],{},"error",[351,458,459],{},[59,460,461],{},"any",[351,463,464],{},"Fired on network or server errors.",[330,466,467,472,477],{},[351,468,469],{},[59,470,471],{},"progress",[351,473,474],{},[59,475,476],{},"number",[351,478,479],{},"Fired during upload progress updates.",[481,482,483],"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 .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":485},[486,487,488],{"id":66,"depth":95,"text":67},{"id":321,"depth":95,"text":322},{"id":411,"depth":95,"text":412},"Integrate PichaFlow into your Svelte and SvelteKit applications with ease.","md",null,{},{"title":42,"description":489},"fLj6LhVasyctAvjeJ2UDDCSINuBPRuzOkuuYpQaUilU",[496,498],{"title":38,"path":39,"stem":40,"description":497,"children":-1},"Integrate PichaFlow into your React and Next.js applications.",{"title":46,"path":47,"stem":48,"description":499,"children":-1},"Integrate PichaFlow into your Vue and Nuxt applications.",1778709549189]