From 730c9a66c90004c71297a4f242e9de597b7a669c Mon Sep 17 00:00:00 2001 From: Tomi Virkki Date: Mon, 8 Dec 2025 16:52:19 +0200 Subject: [PATCH 1/2] feat: add new slot for upload drop label content --- .../src/styles/vaadin-upload-base-styles.js | 4 +++ packages/upload/src/vaadin-upload.js | 10 ++++--- .../drop-label-content-custom-with-files.png | Bin 0 -> 7303 bytes .../baseline/drop-label-content-custom.png | Bin 0 -> 5365 bytes .../upload/test/visual/base/upload.test.js | 27 ++++++++++++++++++ .../drop-label-content-custom-with-files.png | Bin 0 -> 8593 bytes .../baseline/drop-label-content-custom.png | Bin 0 -> 6740 bytes .../upload/test/visual/lumo/upload.test.js | 27 ++++++++++++++++++ 8 files changed, 64 insertions(+), 4 deletions(-) create mode 100644 packages/upload/test/visual/base/screenshots/upload/baseline/drop-label-content-custom-with-files.png create mode 100644 packages/upload/test/visual/base/screenshots/upload/baseline/drop-label-content-custom.png create mode 100644 packages/upload/test/visual/lumo/screenshots/upload/baseline/drop-label-content-custom-with-files.png create mode 100644 packages/upload/test/visual/lumo/screenshots/upload/baseline/drop-label-content-custom.png diff --git a/packages/upload/src/styles/vaadin-upload-base-styles.js b/packages/upload/src/styles/vaadin-upload-base-styles.js index 1beff605617..09ab351b840 100644 --- a/packages/upload/src/styles/vaadin-upload-base-styles.js +++ b/packages/upload/src/styles/vaadin-upload-base-styles.js @@ -39,6 +39,10 @@ export const uploadStyles = css` gap: var(--vaadin-gap-s); } + ::slotted([slot='drop-label-content']) { + flex: 100; + } + [part='drop-label'] { align-items: center; color: var(--vaadin-upload-drop-label-color, var(--vaadin-text-color)); diff --git a/packages/upload/src/vaadin-upload.js b/packages/upload/src/vaadin-upload.js index a230bbde362..890a7b796e2 100644 --- a/packages/upload/src/vaadin-upload.js +++ b/packages/upload/src/vaadin-upload.js @@ -125,10 +125,12 @@ class Upload extends UploadMixin(ElementMixin(ThemableMixin(PolylitMixin(LumoInj return html`
- + + +
diff --git a/packages/upload/test/visual/base/screenshots/upload/baseline/drop-label-content-custom-with-files.png b/packages/upload/test/visual/base/screenshots/upload/baseline/drop-label-content-custom-with-files.png new file mode 100644 index 0000000000000000000000000000000000000000..e536271198e911f256bd3d5961672ea314321476 GIT binary patch literal 7303 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 G4EZnQ*5b+l literal 0 HcmV?d00001 diff --git a/packages/upload/test/visual/base/screenshots/upload/baseline/drop-label-content-custom.png b/packages/upload/test/visual/base/screenshots/upload/baseline/drop-label-content-custom.png new file mode 100644 index 0000000000000000000000000000000000000000..1a1efd0ab953146f0de9b3c2e10f309079106c62 GIT binary patch literal 5365 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 z { await visualDiff(div, 'state-max-files-reached'); }); }); + + describe('drop-label-content slot', () => { + it('custom content', async () => { + element = fixtureSync( + ` +
+ Custom drop area content +
+
`, + div, + ); + await visualDiff(div, 'drop-label-content-custom'); + }); + + it('custom content with files', async () => { + element = fixtureSync( + ` +
+ Custom drop area content +
+
`, + div, + ); + element.files = [{ name: 'Don Quixote.pdf', progress: 100, complete: true }]; + await visualDiff(div, 'drop-label-content-custom-with-files'); + }); + }); }); diff --git a/packages/upload/test/visual/lumo/screenshots/upload/baseline/drop-label-content-custom-with-files.png b/packages/upload/test/visual/lumo/screenshots/upload/baseline/drop-label-content-custom-with-files.png new file mode 100644 index 0000000000000000000000000000000000000000..eab6ebbdaeb12d98cf9ceb0195aceb116894dcfb GIT binary patch literal 8593 zcmch7cT`hb(|1ro6j4zrf`CQ@6p$hvg{y!lReCRibV4VggQAp3;G!Z*mEJofv=9^$ zdM}~(-fO5K?+N!l?^@ql??2B!-&tANIcLx8J^SpL*)zXM*c(*^+RMzBK_C$A>sN9b zAkYQiC+KhLbHMj)orsS>L*b^O@B&oOac2nxx(j+O_gu>}er?Q0uMdyj*y0zchXhVZ zXWgZ{i4d`^`ugfwa|U1gK%;P3wmh8EYQ&s?x-=n7I1Lbew45OgtKDc zWB}&xI5sv$maR^tLTwjlL7;GU267Wf^Ol0#R$TwDZn0f)NakVmx63fteh-WG8Y?R< z2sSFJB3E1GU2i+R)~z`f^0axCHKl2EBJ=UgSL@Y zw;K)4PWUQ<8xR{Nr- zu8kk!RLa#_tpw1~xP(a`>kyt%r{NOKp zB#UfN-*Y=ml>E%Zhk{D^Y^?)Nud6OP8v|ow5R^I$27{mrD%1H~6|?@-TZ9^)2R4|= z{^&chCDyw<$;qb3n|m#!479ko*e8Pec!5&foUE{*J9)1smJ7FUD=Hn+1a@@9U8YPr zBC~!q(AAA8sC)p3v1tW`2O83@rO#5`BPyeN>+gq=rB{x@Xzfpzr_U!AKsC+{dyosgs5vTP8&7QS{Q%5-TffHFS;Ha(8!kw8pDcTbSvJ4`G##j-S7K%8>H=EXE%%qz(98Q_f0YWXw^)grSzCpTwq{eW}>>pEE2*eovh=jNMxczBqYBtovx&?vorT@2UO z)(*MG&NiKT9=o}@shz81TRwbWA!6_);$^ApoMNt?zW(8IZs9O4G&Gc+M@J6}hr?49 zB8PDgH8XfkYinw1PRj8nr7W4M2}cJrkrNdzGkbVb6rwjn#b>p+G0$9Ie~87Y<}J(p z`}bq`46W!3O);nQaZbaytgNhbr5KZHD4&eXgk!w4pSP>4tF7&lp%dCt?4^PN>106$ zs(8*MdK>&_7f{!{gSk_wAq8L8K{M_va-4PwAh62 z4q?P;1o!ia_35g$Oex$nfVd~MQDed4gdq~JpBV%8`gJ#Ij|;{;8(Co|yO}a*-@|R6 z4YajbN36(7w*oubeW}MO;Mj0P9N7G%lUXjEtt3E}4gYn?0veStmK@G9h8?`>&Df0Dj#>Ykn zlR?)UW}fYjmO4-U>23%(nPJaVOF|+h4m)5Byn35M)=3GH9(JKy8v&$a_S4OaBc2=R zed*mU+0?KkK=0T|2MQyeB;tN!W8*cRM45n7wSc3qkZ=Toc)E{~i9Nt$PWS4s$&?{> z7CIw8e?HzxA{nWxZvoSGBt9FNa+5CriN}3rd|i-rR(B#hS#Sptq{IitQq-+xi4? z9meI&3vf7xUz0fzke2q>%e+!cYCNS6q`L)jhmJdlls!3Sw>CB&%MT_1z6ob84p9Fx zjlkS=_OV{z#s#U{Zmjb1@Wd^ulP4Br^PGG?l_*33J2ziSy3`N{c#%nEHs8(XA^WfC zic0mX+?V98k$pzQ7O>9}HEL2cfl>4n7U$&U;WfR&T2mc!Dh<5XAVYy zx{;B>!d#u~bS8xz5ohiNbQSPAtEtq0J3RA8$K2uin?NM(5dA_ zvm6_-qHgG3FH`Q&ICn3ptGj4ssN^R}+gMU`<~9XDuA9O4O6R8~<7XS15}LA`&$tb- zL%1ml(5g!+zG&IMs}^P`*LPGO7b&w%x-*VU;UPdc0U6EF2E?>2b@F0>+Jdi6lL zSu(dXRD?aOy(?z+LHMs+!CHswamg}qBG554$5c|{JdOiBZlV7is1mo0 z5is&Zos5?Wk@`xomHjb>M-U&)WBLC1g;uMK?}wS+iO$xRQyxKw$w(Uc=#?bC9W~%n zx}1Et8@27z+j7#|!oZ&03%vphq?OWWJqgepBVCj%-}8ZeZ!h=nDF{w<$%y9jN7ufs z=#=0FUMXW5aZ@k(l|$JYwrMatT+i+8Ur-mP=)X#q+-x-49uF|QW3(x!Y|i=d?Zrdo zuq9h_W1TJ^18DIrYr_E+CKk?XyL2ea8R?5(X)c%WbqJ$YdSj4x^`nh`iO39)zUsvf z?eOA~8Ge{rPsH@~BIa`MEK=?g9J^B{elweXLv~6D9r%naY}79!qNg3AA4zL+JQ+V4 zJ0D0_DFP4t9MS(YQ}gubVUqF07n&qyHfb&UC${U4_zrl-=u zXRUbnF&&-las5SOn9TI?F(OB7zS{VpZ*!An4*~{5GToT{p#@4$T6YkczBky((s2e3nj%}Z$Be-WyRu9&WEM}qDmb13grqr)p|macO`IxFADjam72nJ z0gVOjIn&>8JTcL}m5E>Jw0dn-qZrNUv+GS9%KP&zmDr{ZyyY#d*8^{~3A?UcVnb{T z#bwO`?9v|2nzus-`#C#e%0cI?qO$9I9e8QG+d_)?%&W_q<_=bWutQrv^{rK`6|JD} zk+7`BcabKAcmkEw75^X8$!mBKQI!LE5M8%_>&6U6d1%w9 zXnRMjr71GWDT=a|flrdzjixF`*d&Q0#A_fY#~`QktO!jE@cU)Bt@rCy-FMOz;qv%g zn}ZUU`WV(2`C8+lvKggIn9lu#^55fNA-n(&>PR8!s?gsNAsRjz_?9Qf!skhB>)hUW zXQQRVZvJ`<9~j*0VF^Ryp;a0T-#ii-^>1dX{#bbcb|IzOe{;GD3V-porF%LpeDDgo zHtFK$$c$T73GHGgdR-iA%~Co)G_>NQqD;Zff)9%`;6aN^m%bFGamY0LQlwO9@f0(! zBytos41x(hN^+O6T37Gp984#ol>ozS`&e^B6W%T!7kxWmRTffPY5e-7LsC?O!6}0% zntDfA@^{&2)a;LMgI9JY;lQK}iph`C7s^tm!w1uR{l3Wim9%d_ATYdtf zNEy8usT*S?%q`-TG%crN+_sm@o(5F&z{}r}}WK5_p!_j(x^T#0I;X=t%@b z$^P!HihG{z__Ma1FGAr-kJ)ya~_hwpA z(xYGsZ|)AA+l6vh42bb&CwUXR_mS35RMq2aN#`tATxji!>Y1rQdVrfYXgDj`|nw z2z61bNXmoJ(nQQ#JfFXYby!xAKQXsU4eyC-Zr_!q-6v*v|Dg1Sl2?&3IOlb#XJR0F zdX)k-%c9mMux3X$Lr9bs?k)!Zl=q7y=-Qg$-z?zBOV}I?@p~CBFh)S-Bg+QoE4;p{ zZ$yVu3|>tWA2}dqpI7~zn#na-;2SJC`1Z;Lkc0SJI%oH9aiMpPEM()B{?e_V7&f_C z=@Xne$G@4v^9*(0rfM@i^aUMj4=VMQ{D-D6O!@Aq5PIBYxKB-~o6A@`4Vr?kdyb)}0$dGknV)G;N)h-Z1#laS3bt{&$YutF61y@j=&+G6NeB%=x95!!IGo zUx6ymK`+}?Y5#(t9hLE**ki5EBpd&A{`P&p{#ehD>g2qcLG5gfijC9c;gX?GHxVm_ zBkYl@k^wE7@j9n#>e}%oP71Zp?HQ2_i9#ofm`6#bi|LLcvkdO1@>5%c7v-VP0Xtz0 z8P9(*+U++bXPB&!rYR?9b?9(u(UaiNJ3TcZD- zZBk@t@pI}&hZO(AH->3rzVej>=}$2Gg<=};Q4yihG}pq}jLJGKKlxpeKUULRD`4`#S}DVtMK*kS zc&PLSd(uPjL&0W^o`tWTDjKIl_BjWh+8M82n3#OO)uQhg{DUxRSSA)t*}$}q+pjEs z&(UC_^dv&`ULnVX_q~+E@h=x%3rfrC=zJi{QG2leagFqrEoWToufGEb2Awy5n0Od{ z|1pt}#~an=solwNnz$A7$~F8j?_g11=t2_cxbk4F8MU*K3`jW6i#-Q z=BwB#(h}%L-%FhfPl1yFwZ8sadI#xKn?L^@d9SRbD@BU%vbVOgsuKq1o{iE^G}QTs z%TbBpERz>=3`jjb6j@$MT1q@FJC6OsC(=w}bfI`}UL)l+ww(J6TM^uv)VJYTxFeDf z`r;JweSzQm$Tn}JIM=dJr=gJ;6L->2i9lP63~czl#?0hsJsj2edTs!|UMp6Wq!u|U z)aw1sFDX}{KB8}a!Exv4C?FW%b{8=!@LQ*qP1ebgTc?JaCf=%;W19$W)$U}o3sB(# z3vFD*et+=%lDbI-WgRgGrAu{N`fSI;Sn5mWt4z7O9zS;VIgRQ4e(f;v{Ln}M+GAy4 zibxNtd#4)@QP-sbJ;vhkFzS5ovCA}p&wnz2h;2>X7#6(J!}Fj?cRe7?RcH6x?fyVX z6YK#WyYv)x4l3GqN+F&wUO2#BlXe>vA9<63qJ9bpi6`B|C$!(y>N0`M+#L~86c&sB z#>oYqTxKexWf>KheEos2+w70{L_*+{=jf%gfcl@CvwU8h79RMP9f(f=G~!@tMH83K8yb7w3$Wyrh8?z;&f3b+R|a*<@* z<9_$pSbo1+6qsc~7Q4^UJ-%!s+Sg=oBK^^0Ts- z%%8f>hHeS{nRMyT(Vm)`s)u`ddG+`ABVG2E`;(KC>)|0+S%GA&oCRNC%yQ?>Q_r^c z_Wa!3QiR&mEx9*ux?1@$My94tV$z4RU*ErffAJcdgN;oQVr3v-Gq+!dj4U7!i1Q-r zUhbO*eVS^N7cSK7_9#gvbT}FTPy_};Iwc+h0z1qE)3ThLoa6x_)((!2IrH4LB`K>)~$V!A7^7yy4s4JYF=FOrMkQm}OZohd^Y zq8#a?)<#e)qyVl6-bc6K)`?yjrKN5Q9SP7>jcjE#wT;Ea!E$>%cWP$l!hCyNzPXRj z@%mUbBsC^R7nt|A*tW0x;m~T-;(6ysmb3#&ms-5@0ks;zkdDVO7#5mXaJ8V!v;t}adFSJ;c@_)sjRGo zTD*GI6f0tHXK#OvRq~x!aBy&e3A!pHV?J8fq!enx-`cugAaC=UtI3;Czu{#y% zvfP&)DRWw(&CAapuvU(Dm?^XEWdl$f7BR<~)1#IDNZZuZWZC*%A6rr)G&A-y&s&);#zhY)K&Y(QAo)mH>4RXHs|6+Lmp<_I=|3Dfb>HIIKpar1t-c?L$e)7z` z=Tka>Q{cUOw07`m1k0nsmElHf>aV}3D>8g-?ex0}%c2R)iK8XXgr_4(qn)fze{r^Q z4f~qgXkV}Dja#rxj2C{;i{KKnc9IygahctTe_IO%1{BwuOCl_6j1uQbxl2;`LJ88q z`ibAMOo3~IoAMEOGIl#1W7E9hd@LhF3opVGrdTr{v%Y3{E$x5W_n=ozHF%aw(pket z5JsqJ*k_jD z;65n?1u^DW=!p!6MvQw-+aTK}%3XCP>Py-59=IMXGC6K^Cv=SJNLrykzryaN6tA)Y zzf z!uV6CWR+5B3;U;0635AF8?BYQA>Ofj4EJ`c%a?ZIKb5*Yj-wKAntJ~k&7Zu`Z@eJ^ zCGV2T5O|0upBXq3%*?Ykl=V(+ikOCTX}9wg7$ZllNiS#KT<|R|$yh;aR>_C7+k+ZA zPUYn?*;tF-pXoc0q@r%RN8yKf{p=*SsF( zMT9X#@hi?wu{Of6Kd%`$mJ06igTZbCCX%HdQK1cTx#v?B;Jm}olb#65WeQw|KgUW> z)Vrv|>W=uTGK=>Hv8s+kk4LM7=VsOsO1%1+2=lB_6bph-hji<=okI}tAvBrFTKnamt?jE#MH(2GV#vN#@4T#0;1 zr=BBZTa52T+o#JgNK5nIZX1juVe7lU>zf>#q)W9~#FG zZc$w1CBk}{?>23f2GAKVG2+xlA)?g^?LVBVgv^oxw8BHbnV>4?w+?^$Mjfg{MK$;6 zi|*Qw_zJ4Fs{}tqR^(&Rrf%-bJsJ8)6<*~q_)R)n-bdaOIc|VfWQ%nM5W$l$jF2k{f257y!24-nWJ}Kmt>W_B?j9NBO}dQVt2S%JH2D>xEei& z^OK%`_EeT_U<<*cvl__-aZWL zMY#Fb@;sI)Ms>Dw9iy?or@%9?L$O5hSXPvXS42~M#TAK|+O=Jf#aDjC3KAorAr0_@ zn6%@s19?R`N7@rVi=gf2U%#GlXD0{J>(AK=^6?Vxv;vQ~P`t`0qGT)ZdZmt3xA+uY zpG3qPh&66EofunxHx01SM23a}8a+DALuz-=6q6}K!=&1C;-%x9z1da9%kzba%0^oe zly?fx%^dxnu5@VReAXJCcpq&Y#=$OwAw0H~tb8D799~$qH2WP;@Y(SC z!yz~;Xtj@V)HWyh#jGwFrE3hCDlK-OI;}bwkQ+@_5f7Sw0^<=#m0rF zVcG1>Rqj?R;AXYi>K!txoMSrQUpMP(3UTI*9T)6?dAiH4+0ioseINk`U_kN}-z z!-DF>e_nx+F=3E^{y(SPf9h3?FV5;!lP}IfVNm?Vv%?MKeFiZ9Z&mC6CzX^4$b(kp z_xsZsak38vS%jVi*>zs-Ks-`?4cXqG7uG` z>j4S+PnEB4V5yJ7KL}Nfq0A~MZr04+-PwaK4xVvo07XhA!|Iks`%Np^e2Sv#e@cdO zwmqn$T;Jdx*DSXqAnS4}&|Wkgekn$->VYEqdh8D74L<$ul5QZ>A29sVk@eAZQ+o9a z6B44(NsC*rfW*!bagLFR%k%Suz5Z>-CAN?Q6oT!MM4Nn)# z8J3cidw105%&#`5_Y&fxuyB2*eEX5CPe`bo%B3B`cKijw(GewE`a)eT)a_w;4k2(` z<4CV6Z=s_-`;4;BSHMgtWXS&o5P#6t*jk#GlF@GlRF&zHYsXFQe~zL{mL@hV>-6$4 zk9ek*WTdy>1@{WytCb$V3je<<&K>_p#TmiA^E1VZiHJ*dyZ<8Sgy^flRR4jXV$cXwZ0<8N~boThayKN#}1heYPwmcJc QC3C-)SCuPxVfNvF0CAAaWdHyG literal 0 HcmV?d00001 diff --git a/packages/upload/test/visual/lumo/screenshots/upload/baseline/drop-label-content-custom.png b/packages/upload/test/visual/lumo/screenshots/upload/baseline/drop-label-content-custom.png new file mode 100644 index 0000000000000000000000000000000000000000..18bfe631012076cd2df1187b3e8bb7c3a726b452 GIT binary patch literal 6740 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 { await visualDiff(div, 'width'); }); }); + + describe('drop-label-content slot', () => { + it('custom content', async () => { + element = fixtureSync( + ` +
+ Custom drop area content +
+
`, + div, + ); + await visualDiff(div, 'drop-label-content-custom'); + }); + + it('custom content with files', async () => { + element = fixtureSync( + ` +
+ Custom drop area content +
+
`, + div, + ); + element.files = [{ name: 'Don Quixote.pdf', progress: 100, complete: true }]; + await visualDiff(div, 'drop-label-content-custom-with-files'); + }); + }); }); From d2be92b6d1c43f5f8c5a8039895cbbf6fe837924 Mon Sep 17 00:00:00 2001 From: Tomi Virkki Date: Tue, 9 Dec 2025 12:18:16 +0200 Subject: [PATCH 2/2] Update snapshot --- .../__snapshots__/vaadin-upload.test.snap.js | 22 ++++++++++--------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/packages/upload/test/dom/__snapshots__/vaadin-upload.test.snap.js b/packages/upload/test/dom/__snapshots__/vaadin-upload.test.snap.js index 350985bbe8b..f918dabe7dc 100644 --- a/packages/upload/test/dom/__snapshots__/vaadin-upload.test.snap.js +++ b/packages/upload/test/dom/__snapshots__/vaadin-upload.test.snap.js @@ -198,16 +198,18 @@ snapshots["vaadin-upload shadow default"] = `
- + + +