[{"data":1,"prerenderedAt":467},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-dropzone":12,"i-ph:code":463,"i-ph:upload":465},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":25,"extension":457,"meta":458,"navigation":100,"path":459,"seo":460,"stem":461,"__hash__":462},"docs\u002Fdocs\u002Fcomponents\u002Fdropzone.md","Dropzone",{"type":16,"value":17,"toc":452},"minimark",[18,22,26,341,346,373,377,415,419,448],[19,20,14],"h1",{"id":21},"dropzone",[23,24,25],"p",{},"A file upload component that supports both drag-and-drop and click-to-upload functionality. It provides a visual interface for users to upload files.",[27,28,30],"dropzone-example",{"source-path":29},"Input\u002FDropzone.vue",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Dropzone, Flex } from '@dolanske\u002Fvui'\n\nfunction handleFiles(_files) {\n  \u002F\u002F Handle files here\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CDropzone expand @files=\"handleFiles\">\n    \u003Ctemplate #default=\"{ dragging }\">\n      \u003CFlex x-center gap=\"s\">\n        \u003CIconTarget v-if=\"dragging\" \u002F>\n        \u003CIconUpload v-else \u002F>\n        \u003Cspan>{{ dragging ? 'Drop files here' : 'Upload your files' }}\u003C\u002Fspan>\n      \u003C\u002FFlex>\n    \u003C\u002Ftemplate>\n  \u003C\u002FDropzone>\n\u003C\u002Ftemplate>\n","vue","",[38,39,40,60,95,102,125,132,138,148,153,163,190,220,246,269,282,302,312,322,332],"code",{"__ignoreMap":36},[41,42,45,49,53,57],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sP76a","\u003C",[41,50,52],{"class":51},"sKpE2","script",[41,54,56],{"class":55},"sflEz"," setup",[41,58,59],{"class":47},">\n",[41,61,63,66,69,72,75,78,81,84,88,92],{"class":43,"line":62},2,[41,64,65],{"class":51},"import",[41,67,68],{"class":47}," {",[41,70,71],{"class":55}," Dropzone",[41,73,74],{"class":47},",",[41,76,77],{"class":55}," Flex",[41,79,80],{"class":47}," }",[41,82,83],{"class":51}," from",[41,85,87],{"class":86},"sBR95"," '",[41,89,91],{"class":90},"sfmH-","@dolanske\u002Fvui",[41,93,94],{"class":86},"'\n",[41,96,98],{"class":43,"line":97},3,[41,99,101],{"emptyLinePlaceholder":100},true,"\n",[41,103,105,109,113,116,119,122],{"class":43,"line":104},4,[41,106,108],{"class":107},"sCMWV","function",[41,110,112],{"class":111},"sRTv0"," handleFiles",[41,114,115],{"class":47},"(",[41,117,118],{"class":55},"_files",[41,120,121],{"class":47},")",[41,123,124],{"class":47}," {\n",[41,126,128],{"class":43,"line":127},5,[41,129,131],{"class":130},"sR5Ys","  \u002F\u002F Handle files here\n",[41,133,135],{"class":43,"line":134},6,[41,136,137],{"class":47},"}\n",[41,139,141,144,146],{"class":43,"line":140},7,[41,142,143],{"class":47},"\u003C\u002F",[41,145,52],{"class":51},[41,147,59],{"class":47},[41,149,151],{"class":43,"line":150},8,[41,152,101],{"emptyLinePlaceholder":100},[41,154,156,158,161],{"class":43,"line":155},9,[41,157,48],{"class":47},[41,159,160],{"class":51},"template",[41,162,59],{"class":47},[41,164,166,169,171,174,177,180,183,186,188],{"class":43,"line":165},10,[41,167,168],{"class":47},"  \u003C",[41,170,14],{"class":51},[41,172,173],{"class":55}," expand",[41,175,176],{"class":55}," @files",[41,178,179],{"class":47},"=",[41,181,182],{"class":86},"\"",[41,184,185],{"class":90},"handleFiles",[41,187,182],{"class":86},[41,189,59],{"class":47},[41,191,193,196,198,201,204,206,208,211,214,216,218],{"class":43,"line":192},11,[41,194,195],{"class":47},"    \u003C",[41,197,160],{"class":51},[41,199,200],{"class":47}," #",[41,202,203],{"class":111},"default",[41,205,179],{"class":47},[41,207,182],{"class":47},[41,209,210],{"class":47},"{ ",[41,212,213],{"class":55},"dragging",[41,215,80],{"class":47},[41,217,182],{"class":47},[41,219,59],{"class":47},[41,221,223,226,229,232,235,237,239,242,244],{"class":43,"line":222},12,[41,224,225],{"class":47},"      \u003C",[41,227,228],{"class":51},"Flex",[41,230,231],{"class":55}," x-center",[41,233,234],{"class":55}," gap",[41,236,179],{"class":47},[41,238,182],{"class":86},[41,240,241],{"class":90},"s",[41,243,182],{"class":86},[41,245,59],{"class":47},[41,247,249,252,255,258,260,262,264,266],{"class":43,"line":248},13,[41,250,251],{"class":47},"        \u003C",[41,253,254],{"class":51},"IconTarget",[41,256,257],{"class":55}," v-if",[41,259,179],{"class":47},[41,261,182],{"class":86},[41,263,213],{"class":90},[41,265,182],{"class":86},[41,267,268],{"class":47}," \u002F>\n",[41,270,272,274,277,280],{"class":43,"line":271},14,[41,273,251],{"class":47},[41,275,276],{"class":51},"IconUpload",[41,278,279],{"class":55}," v-else",[41,281,268],{"class":47},[41,283,285,287,289,292,296,298,300],{"class":43,"line":284},15,[41,286,251],{"class":47},[41,288,41],{"class":51},[41,290,291],{"class":47},">",[41,293,295],{"class":294},"sX1ls","{{ dragging ? 'Drop files here' : 'Upload your files' }}",[41,297,143],{"class":47},[41,299,41],{"class":51},[41,301,59],{"class":47},[41,303,305,308,310],{"class":43,"line":304},16,[41,306,307],{"class":47},"      \u003C\u002F",[41,309,228],{"class":51},[41,311,59],{"class":47},[41,313,315,318,320],{"class":43,"line":314},17,[41,316,317],{"class":47},"    \u003C\u002F",[41,319,160],{"class":51},[41,321,59],{"class":47},[41,323,325,328,330],{"class":43,"line":324},18,[41,326,327],{"class":47},"  \u003C\u002F",[41,329,14],{"class":51},[41,331,59],{"class":47},[41,333,335,337,339],{"class":43,"line":334},19,[41,336,143],{"class":47},[41,338,160],{"class":51},[41,340,59],{"class":47},[342,343,345],"h3",{"id":344},"props","Props",[23,347,348,349,354,355,358,359,358,362,358,365,368,369,372],{},"The Dropzone component accepts most props from the base ",[350,351,353],"a",{"href":352},"\u002Fdocs\u002Fcomponents\u002Finput","Input",", except for ",[38,356,357],{},"type",", ",[38,360,361],{},"modelValue",[38,363,364],{},"focus",[38,366,367],{},"limit",", and ",[38,370,371],{},"placeholder",".",[342,374,376],{"id":375},"events","Events",[378,379,380,396],"table",{},[381,382,383],"thead",{},[384,385,386,390,393],"tr",{},[387,388,389],"th",{},"Name",[387,391,392],{},"Type",[387,394,395],{},"Description",[397,398,399],"tbody",{},[384,400,401,407,412],{},[402,403,404],"td",{},[38,405,406],{},"files",[402,408,409],{},[38,410,411],{},"FileList",[402,413,414],{},"Emitted when files are selected or dropped",[342,416,418],{"id":417},"slots","Slots",[378,420,421,432],{},[381,422,423],{},[384,424,425,427,430],{},[387,426,389],{},[387,428,429],{},"Accepts",[387,431,395],{},[397,433,434],{},[384,435,436,440,445],{},[402,437,438],{},[38,439,203],{},[402,441,442],{},[38,443,444],{},"any",[402,446,447],{},"Content to be displayed inside the drop area",[449,450,451],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .sR5Ys, html code.shiki .sR5Ys{--shiki-dark:#758575DD;--shiki-light:#A0ADA0;--shiki-default:#758575DD}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}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);}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);}",{"title":36,"searchDepth":62,"depth":62,"links":453},[454,455,456],{"id":344,"depth":97,"text":345},{"id":375,"depth":97,"text":376},{"id":417,"depth":97,"text":418},"md",{},"\u002Fdocs\u002Fcomponents\u002Fdropzone",{"title":14,"description":25},"docs\u002Fcomponents\u002Fdropzone","nfrhY4VoSxomcSKlE7V_Q4ZAadAHQEQPyY3fNHGLBb4",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":464},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":466},"\u003Cpath fill=\"currentColor\" d=\"M240 136v64a16 16 0 0 1-16 16H32a16 16 0 0 1-16-16v-64a16 16 0 0 1 16-16h48a8 8 0 0 1 0 16H32v64h192v-64h-48a8 8 0 0 1 0-16h48a16 16 0 0 1 16 16M85.66 77.66L120 43.31V128a8 8 0 0 0 16 0V43.31l34.34 34.35a8 8 0 0 0 11.32-11.32l-48-48a8 8 0 0 0-11.32 0l-48 48a8 8 0 0 0 11.32 11.32M200 168a12 12 0 1 0-12 12a12 12 0 0 0 12-12\"\u002F>",1782200882804]