From 39f03b7d92f4a1e0e188ae440b8b8ed9363d7f57 Mon Sep 17 00:00:00 2001 From: Serhii Kulykov Date: Thu, 25 Jul 2024 12:13:29 +0300 Subject: [PATCH] feat: add arrow overlay part and theme variant to popover (#7550) --- .../src/vaadin-popover-overlay-mixin.js | 6 ++ .../popover/src/vaadin-popover-overlay.js | 12 +++ packages/popover/src/vaadin-popover.d.ts | 6 ++ packages/popover/src/vaadin-popover.js | 6 ++ .../popover/test/visual/lumo/popover.test.js | 9 ++ .../popover/baseline/bottom-arrow.png | Bin 0 -> 5693 bytes .../popover/baseline/bottom-end-arrow.png | Bin 0 -> 5718 bytes .../popover/baseline/bottom-start-arrow.png | Bin 0 -> 5606 bytes .../popover/baseline/end-arrow.png | Bin 0 -> 5724 bytes .../popover/baseline/end-bottom-arrow.png | Bin 0 -> 5553 bytes .../popover/baseline/end-top-arrow.png | Bin 0 -> 5649 bytes .../popover/baseline/start-arrow.png | Bin 0 -> 5787 bytes .../popover/baseline/start-bottom-arrow.png | Bin 0 -> 5696 bytes .../popover/baseline/start-top-arrow.png | Bin 0 -> 5730 bytes .../popover/baseline/top-arrow.png | Bin 0 -> 5696 bytes .../popover/baseline/top-end-arrow.png | Bin 0 -> 5733 bytes .../popover/baseline/top-start-arrow.png | Bin 0 -> 5696 bytes .../test/visual/material/popover.test.js | 9 ++ .../popover/baseline/bottom-arrow.png | Bin 0 -> 3543 bytes .../popover/baseline/bottom-end-arrow.png | Bin 0 -> 3563 bytes .../popover/baseline/bottom-start-arrow.png | Bin 0 -> 3530 bytes .../popover/baseline/end-arrow.png | Bin 0 -> 3585 bytes .../popover/baseline/end-bottom-arrow.png | Bin 0 -> 3572 bytes .../popover/baseline/end-top-arrow.png | Bin 0 -> 3564 bytes .../popover/baseline/start-arrow.png | Bin 0 -> 3557 bytes .../popover/baseline/start-bottom-arrow.png | Bin 0 -> 3522 bytes .../popover/baseline/start-top-arrow.png | Bin 0 -> 3558 bytes .../popover/baseline/top-arrow.png | Bin 0 -> 3610 bytes .../popover/baseline/top-end-arrow.png | Bin 0 -> 3629 bytes .../popover/baseline/top-start-arrow.png | Bin 0 -> 3592 bytes .../theme/lumo/vaadin-popover-styles.js | 91 +++++++++++++++++- .../theme/material/vaadin-popover-styles.js | 91 +++++++++++++++++- 32 files changed, 222 insertions(+), 8 deletions(-) create mode 100644 packages/popover/test/visual/lumo/screenshots/popover/baseline/bottom-arrow.png create mode 100644 packages/popover/test/visual/lumo/screenshots/popover/baseline/bottom-end-arrow.png create mode 100644 packages/popover/test/visual/lumo/screenshots/popover/baseline/bottom-start-arrow.png create mode 100644 packages/popover/test/visual/lumo/screenshots/popover/baseline/end-arrow.png create mode 100644 packages/popover/test/visual/lumo/screenshots/popover/baseline/end-bottom-arrow.png create mode 100644 packages/popover/test/visual/lumo/screenshots/popover/baseline/end-top-arrow.png create mode 100644 packages/popover/test/visual/lumo/screenshots/popover/baseline/start-arrow.png create mode 100644 packages/popover/test/visual/lumo/screenshots/popover/baseline/start-bottom-arrow.png create mode 100644 packages/popover/test/visual/lumo/screenshots/popover/baseline/start-top-arrow.png create mode 100644 packages/popover/test/visual/lumo/screenshots/popover/baseline/top-arrow.png create mode 100644 packages/popover/test/visual/lumo/screenshots/popover/baseline/top-end-arrow.png create mode 100644 packages/popover/test/visual/lumo/screenshots/popover/baseline/top-start-arrow.png create mode 100644 packages/popover/test/visual/material/screenshots/popover/baseline/bottom-arrow.png create mode 100644 packages/popover/test/visual/material/screenshots/popover/baseline/bottom-end-arrow.png create mode 100644 packages/popover/test/visual/material/screenshots/popover/baseline/bottom-start-arrow.png create mode 100644 packages/popover/test/visual/material/screenshots/popover/baseline/end-arrow.png create mode 100644 packages/popover/test/visual/material/screenshots/popover/baseline/end-bottom-arrow.png create mode 100644 packages/popover/test/visual/material/screenshots/popover/baseline/end-top-arrow.png create mode 100644 packages/popover/test/visual/material/screenshots/popover/baseline/start-arrow.png create mode 100644 packages/popover/test/visual/material/screenshots/popover/baseline/start-bottom-arrow.png create mode 100644 packages/popover/test/visual/material/screenshots/popover/baseline/start-top-arrow.png create mode 100644 packages/popover/test/visual/material/screenshots/popover/baseline/top-arrow.png create mode 100644 packages/popover/test/visual/material/screenshots/popover/baseline/top-end-arrow.png create mode 100644 packages/popover/test/visual/material/screenshots/popover/baseline/top-start-arrow.png diff --git a/packages/popover/src/vaadin-popover-overlay-mixin.js b/packages/popover/src/vaadin-popover-overlay-mixin.js index 99171bb969..33202d9820 100644 --- a/packages/popover/src/vaadin-popover-overlay-mixin.js +++ b/packages/popover/src/vaadin-popover-overlay-mixin.js @@ -59,6 +59,8 @@ export const PopoverOverlayMixin = (superClass) => return; } + this.removeAttribute('arrow-centered'); + // Center the overlay horizontally if (this.position === 'bottom' || this.position === 'top') { const targetRect = this.positionTarget.getBoundingClientRect(); @@ -70,6 +72,8 @@ export const PopoverOverlayMixin = (superClass) => const left = overlayRect.left + offset; if (left > 0) { this.style.left = `${left}px`; + // Center the pointer arrow horizontally + this.setAttribute('arrow-centered', ''); } } @@ -77,6 +81,8 @@ export const PopoverOverlayMixin = (superClass) => const right = parseFloat(this.style.right) + offset; if (right > 0) { this.style.right = `${right}px`; + // Center the pointer arrow horizontally + this.setAttribute('arrow-centered', ''); } } } diff --git a/packages/popover/src/vaadin-popover-overlay.js b/packages/popover/src/vaadin-popover-overlay.js index d2f3703c98..2efb21dff1 100644 --- a/packages/popover/src/vaadin-popover-overlay.js +++ b/packages/popover/src/vaadin-popover-overlay.js @@ -82,6 +82,17 @@ class PopoverOverlay extends PopoverOverlayMixin(DirMixin(ThemableMixin(PolylitM :host([position^='end'][end-aligned]) [part='overlay'] { margin-inline-end: var(--vaadin-popover-offset-end, 0); } + + [part='arrow'] { + display: none; + position: absolute; + height: 0; + width: 0; + } + + :host([theme~='arrow']) [part='arrow'] { + display: block; + } `, ]; } @@ -91,6 +102,7 @@ class PopoverOverlay extends PopoverOverlayMixin(DirMixin(ThemableMixin(PolylitM return html`
+
`; diff --git a/packages/popover/src/vaadin-popover.d.ts b/packages/popover/src/vaadin-popover.d.ts index 00ca8de338..845e6357de 100644 --- a/packages/popover/src/vaadin-popover.d.ts +++ b/packages/popover/src/vaadin-popover.d.ts @@ -43,6 +43,12 @@ export type PopoverEventMap = HTMLElementEventMap & PopoverCustomEventMap; * See [``](#/elements/vaadin-overlay) documentation * for `` parts. * + * In addition to `` parts, the following parts are available for styling: + * + * Part name | Description + * -----------------|------------------------------------------- + * `arrow` | Optional arrow pointing to the target when using `theme="arrow"` + * * The following state attributes are available for styling: * * Attribute | Description diff --git a/packages/popover/src/vaadin-popover.js b/packages/popover/src/vaadin-popover.js index 05153ab681..dcb17a8e56 100644 --- a/packages/popover/src/vaadin-popover.js +++ b/packages/popover/src/vaadin-popover.js @@ -139,6 +139,12 @@ class PopoverOpenedStateController { * See [``](#/elements/vaadin-overlay) documentation * for `` parts. * + * In addition to `` parts, the following parts are available for styling: + * + * Part name | Description + * -----------------|------------------------------------------- + * `arrow` | Optional arrow pointing to the target when using `theme="arrow"` + * * The following state attributes are available for styling: * * Attribute | Description diff --git a/packages/popover/test/visual/lumo/popover.test.js b/packages/popover/test/visual/lumo/popover.test.js index ba40dac269..cf8b2153f5 100644 --- a/packages/popover/test/visual/lumo/popover.test.js +++ b/packages/popover/test/visual/lumo/popover.test.js @@ -43,5 +43,14 @@ describe('popover', () => { await nextRender(); await visualDiff(div, position); }); + + it(`${position} arrow`, async () => { + element.setAttribute('theme', 'arrow'); + element.position = position; + await nextUpdate(element); + target.click(); + await nextRender(); + await visualDiff(div, `${position}-arrow`); + }); }); }); diff --git a/packages/popover/test/visual/lumo/screenshots/popover/baseline/bottom-arrow.png b/packages/popover/test/visual/lumo/screenshots/popover/baseline/bottom-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..dabc1ce12aad44116fb9f41435bdc0d4a0de5788 GIT binary patch literal 5693 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 Mxvd%A)br7Q0X{y&C;$Ke literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/lumo/screenshots/popover/baseline/bottom-start-arrow.png b/packages/popover/test/visual/lumo/screenshots/popover/baseline/bottom-start-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..6abff0951fb5decb76b936533e6338e3e537d7e4 GIT binary patch literal 5606 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 YDU;&eXjgwaxMecAXK}aM!2Q+#0N|Z?ApigX literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/lumo/screenshots/popover/baseline/end-arrow.png b/packages/popover/test/visual/lumo/screenshots/popover/baseline/end-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..c0eb18cf1110807ea47ccc3ed2d20f5befa78275 GIT binary patch literal 5724 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 literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/lumo/screenshots/popover/baseline/end-bottom-arrow.png b/packages/popover/test/visual/lumo/screenshots/popover/baseline/end-bottom-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..765c6b31397a12e914f5869528a784128ecf1333 GIT binary patch literal 5553 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 C{+>?& literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/lumo/screenshots/popover/baseline/start-arrow.png b/packages/popover/test/visual/lumo/screenshots/popover/baseline/start-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..b5157ca8003224e22f1c4d04b6b2a92f38d36f07 GIT binary patch literal 5787 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 literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/lumo/screenshots/popover/baseline/start-top-arrow.png b/packages/popover/test/visual/lumo/screenshots/popover/baseline/start-top-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..05b29bfcf70a12cf0b06a6879bcd455c410c295f GIT binary patch literal 5730 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 literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/lumo/screenshots/popover/baseline/top-arrow.png b/packages/popover/test/visual/lumo/screenshots/popover/baseline/top-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..19cceaad67aa2960b2678a36f43dc47956fd001f GIT binary patch literal 5696 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 literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/lumo/screenshots/popover/baseline/top-end-arrow.png b/packages/popover/test/visual/lumo/screenshots/popover/baseline/top-end-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..7e2e47209c0551cd354eaa6a143a895f53ae05e1 GIT binary patch literal 5733 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 literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/lumo/screenshots/popover/baseline/top-start-arrow.png b/packages/popover/test/visual/lumo/screenshots/popover/baseline/top-start-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..d9c9061163f5142f622a5097776ed91ae888a2b2 GIT binary patch literal 5696 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 { await nextRender(); await visualDiff(div, position); }); + + it(`${position} pointer arrow`, async () => { + element.setAttribute('theme', 'arrow'); + element.position = position; + await nextUpdate(element); + target.click(); + await nextRender(); + await visualDiff(div, `${position}-arrow`); + }); }); }); diff --git a/packages/popover/test/visual/material/screenshots/popover/baseline/bottom-arrow.png b/packages/popover/test/visual/material/screenshots/popover/baseline/bottom-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..acf84365e9d46d4f0e03fab298d4b13e3397f021 GIT binary patch literal 3543 zcmeHKhf`D89!5oArK%JOBCd!ieOUq+B%y^85orOWD>a~kl+a92VsH^b5haTXNDUZ5 zLWxL?kOiK`fDnqb@Bk4)3&n_`zU!O!FT8p4W_ISg_s+TJ{O0`1Ip23qnxlh_;78X}Qm*v0U7zAHV!bIhN2JQ`i)9fB6&KXU^iP^t@Dty1|Ji zf038|3tl{J{~35^wQ>MMb(gMaZDqT_f4(z|iF0?>xhEqmB(gTtvR`PWP)uG(Nm%@j zWXi#JB5nKqasK76wcGmuveScTrf3Psm`feQZ-@GT&IWZg65bk}{UMU5ydDP-ls6k(-!IRT7>j?mg z@S2uDt=M@cwjjItg5-mFJ5kTNBTV<)-lD_?FFnacoVT-aYw^82e$ySmufop|YIx(E zBHNB@Sy}Q>#kO|!_noiV+;TSe?1NL!m_aSK1#9gAY4T9Hw&(hj;+cIMIZ{NcAb9)F z?Chg>nNB}Hh^KH=qfF(wTUW}VAB1fw9r4ZR{wx*;F`ikJTFW$nu!F#!V;5(|B1D&+d6n&o$>`=@bWIGTn!xBcA`%rY9wgr?8edXIB?KKORU?p^G%GR=XS5OPIpRsGczzlo zPpGTm^j}4zSdC8tU6Sr!B2!$SolbjAOGQi7!YC-qK5K2KC)ej$W($rizMQsp8I!|$ zxZG_W#Q%EN(~A^wqITF>eSN)Szy}qFOt&jaj2=<1J0?!m17);F8cX2XPR2BiugnjS zB4c7?^Pw2f2^e;J-^I_;upSm(CHXvd&vKNGPuBT}=j{nD{^+@7QdhvcUy$q}CJx&< zl3xJ(@`Iql7#p+rK~Xt@_e+LJEzNFC`oXmCHS7uKD+RUqd+4qDmC&0y7dFYtBTF%p zJq%r-7q5bq+UglC+}W;QncHfhuF$s>2BWV|(iyN_no55CBL^t8_--n^So~SgS`@e<-+k<4Y^C*hU&_7Z(?ieN(77RPZG4l z-0$a}4=H`(<6QXzBi>1VXC7xCU&!#OsJU?E4^o=-EWRYzC;j~>%nLH=wN5LyjjQFY{sU*d*mQ zwPx^%a!;?p_k%fTby0m?G>wLNB{-es+RNy$N-{}OpfKm_`mZBsf=9Y;h8VjVt)(UI zNhqu{c2|uXp`8BwqehuhTO)jG{3 znggldp+(SD+=IHN;uc0G2PAPV>~N)5X;EoL*&706#Frd~#X8Ywz((<6Wt19;ew>Db z(ez`t|j}k6VfEvbcF3d0q5GZsoZUPfGPKqx! zO<1$?OWvU^PtYjJ`D=T@!4Vj%MCT z_|+q|FHftW=aDY<_Rc0BOc`MDH~HZ+QRn3j9h_MYp|9QhaI{VTw+38kG0vj!m2*W& zNKd{G8{om7d{dVS*T%@8B>B}fbE-rT(EvqtxO|yLr&EfHRr!f6;l7LofJkFvVoG*) zFnRg;0GC>oc&}nTg3l0f07*N^qJo31lXnHg{0j+1Lli#}n;U9;JQF6DI0CaW$eRb8 z0MK!(a(MU(hCkrm7{|*mIt!v>^-S~Ob=v@G0`eocjXnNz0AA)PbH-JNFtEVy=WR@E zjm4hJ3olGlT|#Ic+4SMPLF=LjJjX(kVe_lt@5AWKsZs{5XzU z^5EZpF9rmrH#9~Qx*ETxk2e?tgb|n(IA~fK@Cpy)()p0>5I}o_33E9CNtg0;hQ~m|FgBn}_ literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/material/screenshots/popover/baseline/bottom-end-arrow.png b/packages/popover/test/visual/material/screenshots/popover/baseline/bottom-end-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..2a07baafbe0860e6a2fec753e1737800f7714ecd GIT binary patch literal 3563 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 literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/material/screenshots/popover/baseline/end-arrow.png b/packages/popover/test/visual/material/screenshots/popover/baseline/end-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..d56d8592aee0356f9c4a80c7f1ef3bb7f379a51d GIT binary patch literal 3585 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 KyH2|5ne-nKyh#)Q literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/material/screenshots/popover/baseline/end-top-arrow.png b/packages/popover/test/visual/material/screenshots/popover/baseline/end-top-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..6d7b1baae039a272efe61d437b7c2f4473f960fd GIT binary patch literal 3564 zcmeHKi8otm8&{=h$I_OV);2Shj@qZHh^pFJTVqRt)H>RzSX#A58&y+UT54}CQPfTl zT00G+21N-{ku*(*Nzo(-Awqn&|HOCBH|IO&dCooep67ku`~05w{(jGW>I z5fKq-J6mg45s?Gh-(B($@FebDdK7Ru5aD{oQUpJ)yaWVQ+F4t`VvATbGiRkh)uA=I zy(My09f4Z6be(Jl7tg5BCRK`;%5<00bt7Hu6d`q{QB2*)(jzpNKa(JJ!`9Nrk7ZjJ z{CqPrdebY>-RF9UdZNzW*cR!Mc3fPyH9d|;ix@XKaR0!IAXyQS%Qj6S&n^D%{}l`} z3wa{If+Xm+1pdg(y>xeo>oBH0?e5~ZZC zjF?nm`^>jF8)OE@{2bXvgI_S*jXm4{s_>y$a2}O0DNij`Lc#X1337D{0^@XvHT(S@ zSx<=N3&+cIA<<17&Fta7xEF4meW4{F6h#CKrumH(#IKsaIYU-v*$-9GIa=ufgW=i} z+?)xfgxa(~S1P7$9IGUIB$ar(^4CXlV_0%0z1f(hKn53RkH&;U;8{olZ91mkoC zn@n9@-JH?p=JoR(UQk6vMId*$vO_^gpDI!Gvi>f^KDu@bWA@NLmX)dBoi%)2KDiXr z^U1Hzmr}j9+%MJpticGB=55NKmD-xnHx6ZL9BSR!Vi?I*V65d~3s=wHp}^M`+*p}2- z{7ECIp}V065xbRy`>otd8GHPJIMpu}1?0I)Co@YDE(-fk8iv+~F8S4zQLt7|_d4I$ zUxkxLY7N=gZ>*lw2O~I2Oz%Q6+CqQ!`K>M!4d4tl6m1~u|6wvW2NiuCn_4TEXH^E|S2-~x?W1c?=BJSEA_k0CfSxvbjW{fyGYi8T%2)d6g|Zz4 zg_`1tn(>YQc>0&)8=lS(2_@%!b-H@oUF4=CKTt@~CUH*iu7-^jB}!&%%TWzUG)5wO zV8!IU3|7SeoE|{Vq%JMhm_i_T^nAM8XV#$!yYF=L%)?Vob#L(#RJ#_h_;&r8($@iH zPMhtonQq1Mo8!-JkEXDP*9q|(UrX5Y`>LIENEMr0(i@YJpHFKukJ6=2Ew%e5Y`@b< z;3f%PlfsLMzW2VU>X}E=_qM6U(NG#!O~_K!Nnl~Ob+N=1$f^-B-an*iOfc_Q|Ck4v*4tp48LypwIGl65qs- zxUb;w;6kLg=7_J?c^9^t6iF(hON5Dxfk!SS&ps_NlJ;0~NXJmU!D)k( zZ6Obb+0D=jX7iJMyQ%NH1a3dEWeWdzs|1k969CM70s1b0_16q@;q#D0t-4w-d*sP?@iNHL{?$7_tP}>LL&9o1$uQF&X2Mje z5kBw=A;y+YxXw>(?V~$)?Fk70p(v>fT9V5RCmn+;%65Fn7KAxTHh%K$da1s*v+_j;9UQxSQf$O-X@nag%If5@BF-QFmL$!pSWcLJ$!V z5fBKZVCt_BV+dr5N~Pu+%#$uZRV0eO%lTAf_aG`dx^iH^3iyVr=ULFWKUx5FSYBAL zPDx1tYV10u9Yi<*+8Pjjr{8Vzd~^|zDMNGf#y;VW!vxNZ#OHVP>%)|Xl7>Fgc?Zfs z>V+6!Pr!OP!T$ahY6-i|7k9p%TIBMHn@PjM`tWj~nmFH!;gwf|&KzfFsFHZnj^F$56QwOu!@*)95I35K;8>Ga1+p779o%FfZKZ z)H7`FJ(}!fKl0uAvbylrns967yyBDN+J25po`{{IGN9KQsfUaN4%D_2h+m}Kj%_l! zt~nmlVH-mn+W-Fgt%DJh6|xS_v>#f!n9!Qsc-U4=p?j>t1Q<-@>gNo;a29&Us>9YR zPmmk(9hy**!~(MbA@tFV7UxT^|F;2Aww%#cd|UfDiTfwSj{JMQ0~pV(F5IG=5o_k@nUZs1G44*y%qm2b#q_h=YTT*Z6}yB@cSlWX9KmyTlzit4>X-VFaQ7m literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/material/screenshots/popover/baseline/start-arrow.png b/packages/popover/test/visual/material/screenshots/popover/baseline/start-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..90aa4b15a312693978a682e5522f0552faea98d5 GIT binary patch literal 3557 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 MYvo{BchM*L|JGB;vH$=8 literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/material/screenshots/popover/baseline/start-bottom-arrow.png b/packages/popover/test/visual/material/screenshots/popover/baseline/start-bottom-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..0001d0a96090e3c1818c8717632780deed4d2b9d GIT binary patch literal 3522 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 N>}{N^t1hAv{sVC54D0{^ literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/material/screenshots/popover/baseline/start-top-arrow.png b/packages/popover/test/visual/material/screenshots/popover/baseline/start-top-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..1f2b8c3997a2f532defe4ee2f0f1adeeed7eef66 GIT binary patch literal 3558 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 literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/material/screenshots/popover/baseline/top-arrow.png b/packages/popover/test/visual/material/screenshots/popover/baseline/top-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..4df3b69afabfab877b0c0e9635550f4cb9f56f92 GIT binary patch literal 3610 zcmeHK`B&2E8mBUA(lX60GxbcC3vQ{{VnSAExTS_mn2LGHh0KX0H`Ey&b270>2Tc=E zl$6{p7gSQRBqcRKVa(FZ6-_Z0T+#W?J?H)d_m?|A+;g7yyyv{j=Xu`eIp_0vp9iik z_WSo~>;r*7`w^Efxr0DEjQ$>bWr3CGxO6-)?YQf1e*sk4qbULo^&u|VBBSzVKifDR zo1}JpXH%jE2*2yQUoZBCKYnsT$^A#$L%xyObG)~{Q(sLYQsx?)BOKM593!U=d~T9+ zIF#x;a{2Lr)Y^SM<>yh#mus7~1}*Y^j7H`CB;bG~?bYpK5^FWk^2_!svGvxw|HGLY$7kXpfa@DZX9>!H6AghwDsKB z281!gg$gU$EtAAFH(V zyu^`XnUjvX!QFHbP4Uw8-QoSK@5XV4st*B+S)DJW>Ys%;>$>MhJ!{V48U$#vr&l%% zvpH%ln9;K9CS}87aQdi)f=k;TmiZsh4_{AvD#NGmH5;lPHi9|Ucq1DIJ(S^qL!}xV zyxJ)Z+Qx$~$G29Q$@iYqxUaXc*7Dj6**dIUxrR|R)!rl>>C!ryM!n4R6DKwVZ!X8! zz}=Sm_|PxO=);G76A<>^()jJfhFhDo4THFkDG@OVuYtsqY#dIXeaqtW3?i(&=Py>v zlkvp|d)bPwIlrKDIMAm@d)coR?5pLO?;qw-jFGWL^tWqgcH0&dcnTL{eArb1*6dFI z!60=t8BQO?=QPw6OMkZh>}7Rr;jE+{RfhLK;k!-iB7U0l84#cj23N$*ohl#oyl7jr z%qzs4jXE=bs~xQS3DwV&*r{p)=X?$G<)4-o?cg1 zV_8sDRQ0wyN!I{NSg854=; zi2@Ae!wvmkl3D2A-`vT&*rcF^>WoOP#=&+p7`NcSUf zdm=kwK_!{J+tJ{)UN=3_H?gjN!pW!atc!ZcGP8W?MR)tEzATy*0N3?sId z`)`>`VcXf8lbu9eGJw!65{*qnl8gC>Z~~0+_x8qHVP{V~0GE*cX_Ig^M>nYI4rF#NbL+Fh1>Gj;& zU9`|Z5AgC~5Af9{H*7H7B<$I-HV61slHSTmJWjh&W3Q^6W^j0{m#y&!dQKq5MGhZQ zM9#6A?m(P&L6&Kd!_q&7g-=Dr`&kUk?6%0|XGzTO_Jl%W9aTL1BHA03yd&7Z?V1fk z^e1yK{@ z7(~N4tX@I+KKmm!{5j)g`RBD~(|Sqy1+U82=W4TZjc2t|_9=WsVU4h5_0*0}W&fg4 z9dyFN>hJ{3{9EnREJJLlQ6)X@prO1%-_Whl8bO}~+*e}mL8`Z^W2#NlSvn@hiFg_k z()y9tK`15Ca&O+8K>82;p=#BKB5wz>TFgr(1otP}@sNp|mM^NyXA9`Wx@0wz=M>f8 zfM~a?NATU8=^zKbi-%yFQTY_^f)&=^YqxfB z=#OWjLlC%yIe9l_I$ty;^iSyLavww2#xfrcy{Wl3*>jY+*kc{DG24Kj{RmNc_;#d3 z4g(8T86_(IN5U}E<&T2cFKSv%_9SBTA_cN_1=|W+FJH2>gMeP3}i`WXxWk^GE%*|NU z?+bv&U`i}Qsr4;XI%adV24H7RcKelNs8~T!I#u*&X&{IqrO#|F@vp2)2E%(H z8X{zst9~h9?(|?B&OMyDoHayPbS81eM`rf$myM|7Dd?Q8$wk20(atU|h6p7*cJ_{MZ@2;QhYlTTKeadS$&(Ln z-n{t<+4Z$q52!8iiWN#4@6YtR!t@JYm7>j}j44rhL*Z4zs||zwv0`S4PSlq5V=Yb1 zDYkZkW;%f<8i-bp%e?@lXjfh%aWH@9V`acq2@C^jY;`_~g>Llh7q0-~45<42Cf8pa zz1hUya8BxAT@AcOwtKgWOYr}n=O z&8=l>f7@@@=co-JbsrgQo^B^Re21CfiPFyhm*aobz^o?7^%>uHzfH;pnmrH#?sBQ} H0y^<8a#nQA literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/material/screenshots/popover/baseline/top-end-arrow.png b/packages/popover/test/visual/material/screenshots/popover/baseline/top-end-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..068086f59f9664274ec5b5afb003e342f52caa07 GIT binary patch literal 3629 zcmeHKhf~wp7LF?-Ppa=pQBhDp5v1$`q=SNpgpMTiCK5`3h!_ZcfdLejA{tRvYG@&W z2qYjSWP!yPSQ06LM~wkuRGNuWGzq+)@1NLtGdpv?x$VrEbI!f@`{q7$bFr5`cIp@i z1d?{RdEEm9I&}F5B*cN0q_iR=&>f2Ru(tuV(v?2~MqG#M*E~@#HWn?T=im2Jc~wn{ z+Acv0wO5VqOXUCb-sAVHlK*jxBLyI4{76io&GQn70SF!xF$0YH?EDIKnI*q#xxG`e z%QmwOKKyf3m-Bh>`R#>s4Pb5XIx+H1#-0e28SPW5qQ9&tt1{v-V9FH(iK8NAL7>+B z;6wV^|EIt_*#VVE)4PdzC6{t+&TX6vK9+@!pR_^GpfuFv5r+rSI%3+5rS9cYo`Km$ zST{|%)?Y7~R91BJ@ovLG+{o8PIyO8ct;%u@-j^(pvB zsQ+0*yJ^ZbJXQFbby4pkCB4F_z%BJ-l55q~i=H3VyiI?OxnTrsw&hcbY9o{htD-32~-uyDez^Z{f}Vj3QM?`VM{GjFISOZ8du6)9I#WuvMD;E@VXclcwCxiVX> zM(fB9QHs)6s61SF+T?khH zpxSybfy-Si>vGYfL~fbyGKQ0OzgZ)?4_@r}Z$+@uM8may!cR}l%_y{wEqaSWVXc6m z7u$nKw?dLJX}bi1!lLj%SS4UQJ{m_}O5A)e?Cbp&z}QaaWvg`i1?lt*>-8rH>@8=^ zztb0msY^QhTl+b2y1M&a0xD%^(S2)5Bph?z{U+=aP>s2=6Kma72cr7l4*0B1ZXjcO zffLK>-`HFtuerFmEMV-5{VA-(5Tzc?{Dla^oJUf^6oRhwhgL19eTc>~Tj8NN zY>qF4IafOEyVe|oxMb?yY-CIt_jYSBYdpQ(Fnwww*5WW8YUGv1H-AshI11b@ltU5n zKc*!?yGZt%ww^k4E^*RX`O2r)NhWk=RJq06i~DaE$7lKN3Z=VW6p3|~XD$?(!bz)Y z5D0laGvrvo<_`z2E;6APBzgC0k1IPy8IxA6MI9W2=~{kPF#Dgz_c6LLDrdpv7V@YD z@^pEp2pMA>)#F}fcJ1?23|&Uu`5$8iP1EWvu{iUM`*+aUy?yUWwchX(TgEnvPm~ciHXk0uve^ zkg_dpR2HbN4S}RZA_%ySj(4e2IA2^Ww!5c(Gp<_I1e(}Y&rEi#P;7EVwqDrSXpUF< zfTgMayEvGAEXsE&8Xj)?mhKxMDd`x6-vVo!M!S%dGNe$}=d4jmXWe`m62kIPIG(O4Y=h z_N{%9K&xz2F>to>df)$em}XmU;w`IUHMPIr4?Gw{B`J@yA>YNbGl2<_LLubIssu_r zyP{`n{>5Ks}U^qCc3gR z4#-PsyNhv8N-qQr1Ztk})GY&K$Fl{B6n#gI(dk9m@(AO)f<*Y6hkKMH!&8@}041tR zrx1XqDse(A6QH@=A$E>I-eYz$dbv#|&z2cwlqTd+y?R(8!S42uthN7xF{01-YBZpA zSbtqO3GR(zLf+ zXcgF)Kl5$bTVsaMu&79o85ns^ix}>}>Pt~)oO@$@FJR=wGM7**(rKRujw;3`CMP#z zFqk;}^3VWxIL!B#W&PpZ!oxT4?U}(GPkzPCl?V+2qx24OdAoCV)`xtsFDR{Jr3;*8 z&sr!E%mXx_lTQ0~SNU=!ZefQ9M!NB1O_gE3#O13Z{-|DtDRiPE-2aVC))9xQBjVME2{tQ&1V`pKMf=wqBU-^5+tYx4h{N4Sw46Jj%?#q z(6ehV|HfZg19xx==$V^lo#jue9TL!|CS^Mkzc{Uw$o+CsO!9C1)ipSf4Zf|DOS_fv R9{B%(9PC`Kx7q|}{TIamdd2_% literal 0 HcmV?d00001 diff --git a/packages/popover/test/visual/material/screenshots/popover/baseline/top-start-arrow.png b/packages/popover/test/visual/material/screenshots/popover/baseline/top-start-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..54f55995dde4b89e1a6f2b2008eb502630155253 GIT binary patch literal 3592 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