From 4906d02e08c0809146f95c32a8c25f7b13c0a234 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Thu, 6 Jul 2023 12:03:12 -0400 Subject: [PATCH] test(tab-button): add focus state screenshots (#27731) Issue number: N/A --------- ## What is the current behavior? We do not have screenshots that verify the focus states are being applied correctly. ## What is the new behavior? - Added screenshot tests to verify focus states are being captured for non-translucent tab bars (iOS and MD) as well as translucent tab bars (iOS only) ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information --------- Co-authored-by: ionitron --- .../tab-button/test/states/tab-button.e2e.ts | 82 ++++++++++++++++++ ...anslucency-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1706 bytes ...nslucency-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1944 bytes ...anslucency-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 1602 bytes ...ranslucency-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1458 bytes ...anslucency-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1663 bytes ...ranslucency-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 1266 bytes ...anslucency-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1749 bytes ...nslucency-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1945 bytes ...anslucency-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 1600 bytes ...anslucency-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1626 bytes ...nslucency-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1811 bytes ...anslucency-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 1520 bytes ...ranslucency-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1443 bytes ...anslucency-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1560 bytes ...ranslucency-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 1219 bytes ...anslucency-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1646 bytes ...nslucency-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1811 bytes ...anslucency-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 1533 bytes 19 files changed, 82 insertions(+) create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-ios-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-ios-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-ios-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-md-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-md-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-md-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-translucency-ios-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-translucency-ios-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-translucency-ios-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-no-translucency-ios-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-no-translucency-ios-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-no-translucency-ios-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-no-translucency-md-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-no-translucency-md-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-no-translucency-md-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-translucency-ios-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-translucency-ios-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-translucency-ios-ltr-Mobile-Safari-linux.png diff --git a/core/src/components/tab-button/test/states/tab-button.e2e.ts b/core/src/components/tab-button/test/states/tab-button.e2e.ts new file mode 100644 index 0000000000..bd10cad844 --- /dev/null +++ b/core/src/components/tab-button/test/states/tab-button.e2e.ts @@ -0,0 +1,82 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('tab-button: states with no translucency'), () => { + test.describe('focus', () => { + test('should render correct focus state with default theme and no translucency', async ({ page }) => { + await page.setContent( + ` + + + Favorites + + + `, + config + ); + + const tabBar = page.locator('ion-tab-bar'); + await expect(tabBar).toHaveScreenshot(screenshot('tab-button-focus-no-translucency')); + }); + + test('should render correct focus state with custom theme and no translucency', async ({ page }) => { + await page.setContent( + ` + + + Favorites + + + `, + config + ); + + const tabBar = page.locator('ion-tab-bar'); + await expect(tabBar).toHaveScreenshot(screenshot('tab-button-focus-color-no-translucency')); + }); + }); + }); +}); + +configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('tab-button: states with translucency'), () => { + test.describe('focus', () => { + test('should render correct focus state with default theme and translucency', async ({ page }) => { + await page.setContent( + ` + + + + Favorites + + + + `, + config + ); + + const tabBar = page.locator('ion-tab-bar'); + await expect(tabBar).toHaveScreenshot(screenshot('tab-button-focus-translucency')); + }); + + test('should render correct focus state with custom theme and translucency', async ({ page }) => { + await page.setContent( + ` + + + + Favorites + + + + `, + config + ); + + const tabBar = page.locator('ion-tab-bar'); + await expect(tabBar).toHaveScreenshot(screenshot('tab-button-focus-color-translucency')); + }); + }); + }); +}); diff --git a/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..4cc7cb8f9de1ea197ce763e58098ef2c22953809 GIT binary patch literal 1706 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 literal 0 HcmV?d00001 diff --git a/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-ios-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..25135ac9f80a2bae60d433ee11fa3fc609595897 GIT binary patch literal 1602 zcmb_d`!^E`9N*RBdWDD@iY6oP5@#m4xfA74o*A3#B8xCqW~k&5?TS2y*s4*6khJD4 zVd!8@T=STDtdYm&EwAmmf5W}!b3WhC=eN%}pYuKEgTLWub3{^E5&!@kxoQh@1^|B1 z+xN!eV*8goOJ?oMVP88N7(nzdUN)6v0RV?Kufi_7;tChX;K9ctRDWIKAR5?yA8SHr z`b`Dcz>v#twY8J`ADtjG4<|4WR#BL^b`ARRR6HIpdkSwjmw<k?R3j&iKVYokrtp|CY>HjW|S2#DGeTaq?;%wW|Z`wIR4Jlf*Q(f-PW5}c^e&k zc(=SHNKg@(!%*DrQ#@GRT zMqij{&DKbvnw$~99p{hA4LQRua9n7$l&!Wn2lor{car6JqcAWu{Y1Wrhd`$)l2Ec9 zj9$3s>LBlAeYx8A?q-K$fq89vynEe-t-m^I7FKM_2iJY+8+8OTQtch`c0Qa<-Ou?F zKc$n5Mo}92;8>`l>zSKP&q$R4GkR6;Q!wz(!qZ#2S7opp=JJcp8CNG0Hpf}$(JLn><4Own2G zQpk+fToq`a{o}uaF)1aE83-s)VK|Rb+4y%YVFps=@Q{Mp!bM~BjIY9;xl^kQyiN=` z_hNbeAa%{*e7|$V-@9G+YO~KnyUB1s=&UVh1u8a0#(IF;nNUFQ&w{Nvw_*$zWqit$?ux*fZD?( z^!J8KD~v}Yl6Ev5JrD!CgG*S_^mx;c<&f#*$b$_}W=#cSHf1;0+LIttgq)ro|D^^? zc@&<)rhU?=n;LQT=H!abB^q(ch?kPXCS!wOsUoG5BftfMwM|0#XHBKqq|+j5@vvDG z*&*-=76rZU zaIu3uC+QwTTAP|>_3OoTqQA|h|y)H~QkImR!pm;eURX1g*--KF0YGd(>Cg}iyyAGx;| zl};XZD(Lq)ar{a>C_zk1j@fyjVDy2M`}PRwEu5{UHg2?=H7v6NIPKpfs6=o>qRRz# zcP)6#Iqb|ItNsub*<$)k%-nGu;bN=7U88KgWP2{lg7;j~22sk6@u6ept;2ZLs!SRx zHs4jD##HM=seTdB>xy|(=FT9U8ksw`JI#7EA4LocuZ1)60=T#|!;eu*&^)L+r{Q}1Xyuw-1Ja3Cv>`l#QLh~SsXznzogv2bWjJDJ$#UZ zNUXO!q?t{d*e^h=Q#W&`iBMv2-^K(3GW1dI(dtQjO1zfF&xdRz#Ui1(z-y_CM2NTV zragKwP5P2Eb!sT=MctL45lG|o@^d$}o*2TD_~EXSlIH6(22?q=ij=*-pMZ90Z#^HW z!dSqOd8B7NOH_LJB^3^&(E>Gl)TG*YVBMar%>F8c8*S}Y*y&TF@iYHa3Vq1XRmyR< znO1UZUS>t%XMUCGM5UQ}05m@N8J49#ml@JAhlcdqHSf zZ1&zd=bVC2%m3c`iuoR~?2ZnyqvB!&{XxsqN?}crnWpz*;3sMu+6q9I`yUAL+XiL> cK7D>6uCDpotm`y#e-r>$tsP;NRzC6n0A->QH~;_u literal 0 HcmV?d00001 diff --git a/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-md-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..0fcb18160a9d91c8115c0509e2837b05125bb0ff GIT binary patch literal 1458 zcmcJP{WlW|7{|9zE_qoqnU{$!t2VLg{Vs*pEo}?CVJV||iR;~R(?#UwWu54nn-ud> z;cDy}VoFN1726!dvdLSByezYkA$Rw0xaa=ze4p<*-*dj_Jm)zds@Iv5S{jBL002PC z;}nJf005E7-C2F7a^3>z&nX2+A)IsvFa^d+qZZ|XaXXt-viJcTZk!0n>B1bU`{AF!}83-(hFyrbyi#q3B{kg4$pJ<&%-TjM zL{N9NZI6pue%f@?(;k;hh#7kXtP5%-Y82)e9Piiz3O+zIC+}9nVs2FgQFBmwNDwM3 z!@`{7RgdX1_%ES_>C$v09ROU4dA@8a*5PZ%Hy4p;&Nng~(EhO@k}hD1>@=>`&i`Va zIWTBLG5_|eTGi=Kzm(Ae&owxoW%y{2;=Lc2eje#4OxmFF-FTIdp+j~>hL!;WQd}8C zJt6uyoM|#aT-5_-LIKTP;(Leb!OcxyUJd7+vb{F=_o5^bT&rns<8bUPb#qv>Ztk12 zL^K+xq+G`Me>HRAg_z;xDGdsvr{P+TeST#j%#x2dl-f&QN4KBx0D4(*7;^^wPV?=^zE8$??`H$=)taWV|KBjuV2a`#!K7hB6J4ra#l0P7GPS4$X&P5Vbzxeq^KR zm6q$lE0@;E3A*X^kjZfwNSm)cm}f#9=*;ICj8*1I$!n=83DQVq1HQuP1wXeB9QzR7 zp6{1E+R0ED--k{<84XB5qcK&qT`w7mwkz5-wKt17ql9lij4#k zDQ>)TUsYOz7;gOLXeQuzCi+%ly@4!Im6`prUTrh)cKgK8IA!?%a%rG zlZ6;wc~G7E!!X1j%%__k4I*iQxTD{+|tjvy=km%cso< zF38xV!H0)u0X8M{a+m&FCQU_$=$)N#Xn<$h@x9jaBd$!s_{KZ$JYH@;^AeGf=Sw6| z>}&;52Rn;XZ+lA-B|J|SCq8n6Lb?uKuMtI?BS&^zbNXgseR=F8lTfZa&lMTvkdNd6 zck5tkN%kIb+@g9Qew)XIudQ4Vx`ZIq$iEid=B!adV*ad?dyLK|-?%C9{(^0zY&Iek zTcOjM7gl;!6l*ZAqx5r22Wt(y5x5QnNotA?K)W{+*tOyg&D=Q=DB;el2hoXcyAVMr z3FPqA-388dOKGM}8sV81+i|U^uN!_H2>Y2#fuF3$b-jTLYMg`q->mtUTAaXXNA_I$ T-9KPT2m?G$oWU^NgEIaB)n~D* literal 0 HcmV?d00001 diff --git a/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-md-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-no-translucency-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..aeea0186004b1318dd962f6bf801f9e1cbbddb4d GIT binary patch literal 1663 zcmds2={wt56i#eG(OPOqYm0qQG$jbNg`#MAG}h)3ZEUF&Rgj#f%$Tu^Stl5_q^xabI(nvuF zSe<3-^YXCPWMT0Q5QxXp8fEH4#B9y}Y&(U!4EegBCck}n6vPW_uqKo&)OzcT!Z_je zxK#sPS9jfO8^HmDV}}!mXs1EL+{&5Os~%8qoXGrSz6YOz?EY(6gmG%YTFkVG?mHRS z+}eH=GhUk+Sva!Ru#X?vJ-{Z8%o*@s2_;E+LIg&^ABu{cd9#Vd>M3`5h%Jp4_$^Y~ z%&^#*m;=0%9`9B6b!lL-1)%gKMp=DU>p9W{;1#Fl4)U$g zlpd2jh1JOxVgeu79=zGu#eozN767c1um)#-S8Y9-9N3(=l$I@owGrkLm!O8QVV_aN z8Mgsq0bGMxK`WMgY%ZijOG?&-E6Gz*iSkK>%_Rv*lyR~EVfC)=tV@b)ZVcQNauyhu z(->TQ#u<3#2wh+Y77%qNWS)tF{FkWgJ7gTE=ylA|j-Bc8`haR?$lbOraFmWer@iiS zab3CaiBQ4QP(jnE@P7iLDPuCMJhJb^GA#Rj)`5@_w^Tch0f&Dsu5PBqwc~+gp#{Qz zprOBgXAACzcYus#(yN z(RHNZn(@WeMg}}BwUytVea}<)qF3_UbE*Oc(eTFw{o%K-3tRruzjxDxALhX^c73`O zQ(V+St2h}V&aq2XrRu3j9D288s#aTmq_=7JCsA$BZ?onEO_hD6kA9xCvu#kqRPG$1 za>nCFmeM;)pFYZqZ_6rQ@LGEsaBe&Z<>?qv>=u*d-+q3l*>!3vZec8)4_LUx;Mctwo1)p@s6M33s28~eV|g4wtb zVo_AWVEgaz!1_nzd=mY;-hEArDhsSnR<3p_f6j{sQh{cqT6sF(^0ni{aSC)ZH5?6Q zq%koRNH?FxxT2M*GSzJ!`b+GDk8%Oyln-wJ=*Crbl1MfM^kp|ufQ!OmdN8CM`z1cU ztbW|9pezsDAJb|m+@Fz_!rTc8d^g45?!#+3IyVY{r^9hK zYLQWJjOO(Ud)qI{_bViw22JAW<%Xr!zI&N6dD<@SYvnMSk$}1Uy_|v1tEKO49%sEl z%*bi@N{Sd2bGfwj5mY)>D6`0|zAB?ac5CXa*r=>IYZG2AqB3Kt>2g*kHV;3l0Lx*> zZAr0Er_R4=+=WvSHBm~pY?bNJ1s&!EfL9Mb!tr1@nHpyE0$ASIZdsjsNS5vH|6%xe zst1UY*e9YqcU$joiotdC`x@fd?~R(vfo_%{LlQGGyH&dT&uhjRC&TUD$~IKrX82b# zQJStpHOmYKjQq;4yH!sXQG0$9evfgV#G8c5p;s11QWM?Dil?R6n=V&rO%W22i$6-N zK$F)x(Mw%wGrpJByKUwyeCcn?D0#?Y#LLEds1LXIPDZb-_S`I{(K&yo3d^1hKp9EV zI3ZjvA_XJ|I^DbWa&SD!65QLAZR}J-mWl+-JJRpGkuhI_YaRG`<&p@me@gzIzpD{_ z>*%D~+a(w%R9(f!q+ zzKWl$V|H*Yfq`YY zr;B4q#hkZyb2FktWsZORzjJ41(d}iq*VJ-jC#5Z2ysczf-YW;Qm8+wd1|3w)YF{ie zvsh^b$7Igg5AJE4N=Sa>vfXm!ik^)-e;O>$WfeVEklS9n$#?d$%x?pK`UGthZ z+WA$B{|lSWyfG)^1Yr`vv#4n!LOCOZKs8pKM%K!+7qb#L~sA&%^&+(kE(oLzv0sZpB*t0 zDNlc1I`(+6`1fx$OC}q=@-cO}^0GYS`81)4ZXTj++1u+af)`gW-15=-{QBx@I~hKI zyYzekl_2Ak(_Yi-e>`w_eb(~(_qnq=&de!^^%7k%-RRqz%s*+bPG#>suBv!d{9g8z zH2Zy3m#v$ZfB#;a6Ub$@ZrAMO*V?l0T5|5K$?=Q*!s2FMP$%oXDxbg3P;{CJy#mQ4Nk zH-GJ!jc1QM-}Q%2>D7la`_z?hKa_c^bbUG2xZwAP4?A6>_9#cU?{{d);rlXo*H<42 zf3=*hmy+3Y<0enkeckSKz0<>2?H6-$sAbvgq<3GeJ2c$S&FN(ilK0fp`}OExsAOA6 zi}$I^X}3i_FD%{N+0oLWbEK*BgyHjWUf1v2r(B8u$~$-Gzu;TjIlY})PPh6R+K2r) zu-ke0->enqLXyvGdG(f`v%L0vTBNaWyKH*riREnBTT)kUS5fSdY+E4pvp?Q&c^kX) zWB0c6cV!Guobu5r$avv1ZO#4E{E7_^=E*O!zPw8}Lh2mQXvftYj!i29((fe1X#cIe z^m=A-n8ccitv7lr8ajS4C8x#4`Nqw3^SFIRy6M#(>qmRfZrQjbYQgD?9Gx9(PI=kO zc3N!@QC@Ot&ZM=^zKR|Fa_ZJwx7@N4MY-6H?AB*|Z$$pFl^=S#NZ-IrphSMf4NGbM zFKjWbzxG_I&{_FUPOAKDb&&qzlRv7JpU>9WdUo5|cXpa7HCr}qNo@dVk5Do+Y=K1gRkMZexW005+VxH?@)ED%n4M(W*H=oE`Mg7QZ0 zs)HUzXoqiGeTCv#hLLwc-kaZgmSHz=d$cZmPKXl*Fgk#{LetMQnb8xKH( z9P`Z>^gi#Jr`?`p8#Zl3DP(^^pGy$lsBH97-=}rmBf|pvoUpw$nXo33?OMHS-b}eu zQUlo-yBzW;P=N^ZZ8PC-N6FsUFPNXgnucDzjXo&*I+pJf!e@4s8yNKd8JI<~(1snf zAg29l(BWO>+NPsIC+WDfXdVnUxn>ZwU&+(;QStxQz+eHG#d0F@m$v=eU@D_38u2a# zUeuV#%~rS0&O?8Iu6q^#Yi48z!7$}0{H+`PBbN=qJ1lRJ%aNSoK&D1s{bAssVI7We z@uH!y02p>wzanxXf?a(Dn1 z_FP)6pVw6aX4ad(e@1sKxOb~4?{zkeCaDu9cTaU^o%=AK`Gmm|)R|cb$t&~hnhP^` zSdV2hr6N&S@*}wA*&b(8udAU}AD%;IFN8lHbEYTy(nR+JeD9akAlU+
3e61A#p zb0!J+plBS7o}curnKl-vR(%N5rG%tN8z*ZrYo7sY+t}Es%%&M7^um|ECy{B4X8P)P zYlG;=njyzyO-o~|SB7hsV}GC{dtdhJ2VtZM9sIJxHyFTgWBjAIrdz7j4`C6lOhNc$ zkMfXyt~qGwBM4-EGrv-4NIl|V=)ShGBPoBU6rSMQoISnQ(d@ki^A{)mtT8+q4x!^ zHg5C&3gA{?kw0BBQmr`PcXdC4Ju&p)H-nK~Z7*BQ3Z|LLV(=|o!o1kK@K3|k~w^7_WhW(9iJhz{@mKJ|1 z9@`zktR!o!Bi(0Dm%oits^G4Z*-$@Ot5K|}d~vd%A#3%V7vFH3!Q4Wdn(b^uxmx^4 z>&64Ifr4~hO29Q-<7zd|Y_vV_4(*DA3rEeuzhJFHFW;{7z$jkrvqT*8K7A)2$|p+! z83o~F8UsEHE<{{r7z@x;^y`KdICsD82+gG0bg+JILp-B|t5y6Mp@?~B*pzE5N@4t% zNRWIIfbeHm?qY7lVtlInSpD8w0YOs@y*rPZ!0+Hzvr^3K4rpD|>O>(m2*M5{5@eAlWPqd&Dx%) zE5i@O$#I9(B(LJ(iMuDky>7T#m(o9{MjBD}<)G-8Xj=1elw@iNo_B)JI)mu>o`si_ zlHGCCOMUr*bh_bO(rAkR24;(RK!RID;Rm-2LVAqAe{4$z^)VX=v7dZ4MpwxOR)moC zJ!y_flyFAkYK1dpy69gj@UY;o%TDrp>BbT7Yo_AfrXDJZ%`%%9$bB8hz3f?k|N0^~ zx!7R9*wZO$Y3VqAA~SgGcD83Wr;kNXkJw_EpM-7wP@UBbsn|Wg8KsY(_%$`Jj9?AE zRY#PYf^$7f5Z_A}=!g9*ni2l{C>=0KAAryHx=Gq+GYtuOb2H~322?Oz^KUy;3uJ9) j#`&cGn-~An)i(~Ay)xcGGiS8re+uB?hH|ZN4ov$mpaf^7 literal 0 HcmV?d00001 diff --git a/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-translucency-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-color-translucency-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..37b7de053ee6977322dace37c545e1cf6b4962fe GIT binary patch literal 1945 zcmdUw`#%#31I9PETvCfr9GqxzSdrV5yxZ8wT*hp++_Kj#lxrxCp)(xydX==dlU&N( z*r*wss9Y+y*^CIy>$0>toYGw8(mDQ&bAEX~&kx@po?o8l$@lhhRaezj1pol*ZWobQ z000Qt_twfv`+EAeZ6N?~AjA!cz}*O5DN*wn$N%s)Gah(T6*v$82PwYh1r|jKE+xt8 zY#>2YyW|f8p0se5ZDea>)4D&m)gwR(m8C|<8Cxyzk0KDQJrcVW^< zIqTK9@}#aqkepI?qDqQ_A}~oat9hst_Pc=s1O@1RhT|jEz1m1&Rq*la^%0%vwoY)AVNi zbH0PIwt)JqlSz|2yj}WP$4xZ+r?;j;jjfK$Edyl+>$TaZb<{O^;leRg)7Q11c}SX(zq61%XK5c&%@Uxi&&Z zn**Ew<$J=>Px{E#rh@BC`rRqc`FFEDd006m{*y=dz1Z*MQWeyn$fchfZ-q9j=Wf6C zuEHpfGwpa^b2Xw@t`ZpO9qB%1jC3ab*NH-KDl~PQwsG_$cMWpSoRn@|a1dSPT4}-y zrb`zeJsfV)4<*76qHg5zWK{owCJS-Pfy*UOh9*YHBICx0++}>Qyvhqv#F4D#SZ%k) zB*knYB|J3$0(6nIHV4~v+PQ@OQW%oK=1X=*>S?q)LUaH!<_@{Scf+bR_NZEzjQ2r` z<(}v8_-M@GGM9V1{#~88{=UMAn~ab<4Kqp`YEKEd!__Zx1&iWUgo(^?dPKi!0{cmz zQ{7Q4jX=#hSH`(xVdV=kbA<48+-~2C*kdCjai$_iRKxQ8j$%N4CC#^K=ij5o(U|pX zp2Y^ma0l~3Z$A+!?6M|M*4$`hHs>9T62XV8WzcyEi$=lCj1e|&OKsM9#)QRA|@iq&>MQfrq zjPOIvEG=ov>^S1id@WCvnkRkicM3*NBN>&LgqqNTaht-2fxx9hk9xHxO}t2_9a(<; zytCUH)JF52t(BiyN!)fGF51^<=&286_GZf_pYh;>WZP^4;R+inQb~FJMlRIEPZ68BtGO=q0eN zrhF3Kl6`Vk>5c$A{bZ z!fwyVmSeim295n~Xmk+SOL zQa28RJujsmhba?%w>qQ84kWF&S+0_&E@uR;M7b<}JSx$;XmqZAW>w$5=%p(^k-lpw z1!Xl$<5^+FLW(H#+ta?Uf}g&Q-nYN!#2f*DL9RJq9`!4pSI8)2EM1el_SW6_&1a$B zFq47^Gd9Fb`ge`UY%pPC|7(7eSLG8Sy%9aH8jD&@Yb7f|h2cT6ih5kY4lPMMIQmgy zrrSHwrwD1b?;^7jJ9iKNHjp{Tp6WufjF?LFgJ-20`@z>-Z1&$let+BLzgTK1z~L7AZL^3& t$^$``a6q>e;IJWy)^*!#Pp=zWG001<+JQ02X zz@~#6+D2vb23CBm5O0ujD9Qr?SpPkDn(r0?07`N%gsXqjtxuy^qHch})`e(N(-HC2Hx-n;$*i-vmR>`!PK$pJM6IAAY=K z%jYm^*K8REB|5YV1Vz( z>sw@0BW#y~QJ3npReQ||=Q)`n!n1}GKD4#8#bD}ZP&_X6gA-2avr2~L-E&>zIy;FP z2_YB0-gO%?t@kzvy_|{z{pVRu`>#98H?`iID0m^N-~cjHVh{;xicB z*=H}uv?J?y#}6|Xx@onYfuZ`fvBC0|jz=zfG-#6uy_fPr!ii1uSI7*GEY%}XG2URO zT{0AYHt4z99tfm7DL#zRI0#)G8AcT7dhhniOqtN{bYLIEijTy*`gME9(j88eUAC6y z9H54BSCc>WrEKBn_FEhzp7M7LTd&rHe1jj5u(5^vOTZP?7iFm|{p7GKh{xq5_Zv@= z@@sI?t32N?%qMSWIyWns@Z%z$92~M0dI+_iV#a-+rq4JQcX8^8y<|$9sT~qQc+F(^ z+yn<`<2Sa2s&WbgdD>jS!MYyNV4Y=NIgMEOAtdaXRKPsH9+4TN8A{cCOQjvnaP!B1gr^R! zOw5WeLhuv;19jgMi_&Ec%4Pt;KU$|kO+1j zFcpC{2t(5&^{q{2oV6=ZXL0chfJgy(0R!FP)w`8K|yhn#y2jF9$~ z1t6*-@hy?&mWMarUm)WjKZ{#qwQ>45iyK$qE-T0u8I~eVoNV}T>ZHsgzhTC_xF_M_ z&xxaj-a!mv`~B`#zNS)>L$ateiGya( zvD5PzG+#Vt36?{zMZgK+-K^j>`%0_ps%jnjH_JLpRXu_@L-FKM%3M6Tvl-M2oLM(` z+hKAm-z;nd#v`?gWwiO|f!d^pAJalIH6>j$8FTI7&SBZ?Z=jG!iZ(j0_8f2C@G{R% zJU00^IeTcp@T;K(8X99Q#Re>uxLc}$TAxpz)q$~czf0~Q{JQDWdK(enqkYU$1m1AL zPeaotn4?_#WRWTehFSvNt!rHc2b^@rwb_=SO12r!<%EnnP*%Z$2UVrA6Y8IK&zf30 z)v+!B zpY;#yUXPoufzK8Tdo8v!`3I|=54A|+71tCK8X0`1W*!SpzHgjTpsqvKaH$pei5}=- zb&JkVLs=92{{G46!X&gbqoe9K_xhK`RoyPZk@4}@6&tN;K2 literal 0 HcmV?d00001 diff --git a/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-no-translucency-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-no-translucency-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..f4e9118f06c394f799ed31246ec1d4f7f0a4d434 GIT binary patch literal 1626 zcmb`IdpOg39LI;Em`mEj+Ce+Zt*p6}I3p`2q>ysUZ7!*7$z{l8Qp)9w7CMdQ@(d?W zBGY2)=uoQCy^Vj*~{PX>OpXc*=zR&0Le!sq-ZjgR&w_ z5d;D$J2_(AK_D33c`r{s?-cAzgv5z{~eM&u3uZn<0p@G#C+%)xHGL57QvRwU7V!P+9Xz zANEFHbPTOt+NxSXc34PR5s4y5H!(H!{w=N5HPn@_Ez7Z;gqlD$3V{d)`J#(aP7Fk@ z<6##g1iPc;WYXE_sk*!(5A2MAp*JEJyxSR@O~++rnnIBKOw;e`A^O}H*dD0j<4mYs zr~1B-|Cr>iJ~}#DRaNyU5gH6ldZqyX-fG}lVuHc2gSMJu<|11r*(B>`zXutr2cuVK zoK&>YSVS(o@Z952WU$6=ypp4?`f+pf;o;%hh%Iihm9v>n%Ov*~Bd_sxk`-uK$Ton2 zqa~}edD#veI_}0ktGET6u$^>!YiD9YD<&q!QcJ~JNA>O7w;&`6mFK9ta?6_6E+Re= ziLUbng2Tqf3cRv!qEUmocgUQaoKNi)aERjYn>RgFO?26d|os)@J{ruXms=H*rNmGnG4`Nb!=GIKj&3hLXknzh? zSCW$___v9~N7K_meSLieG@2ZaK*)B~wLK2ggXOF)3M|6H!T@bR91iFGnxvqlL|;oK zW{#^p)s}Qsd+lBQRj{&hZ9_xP%#5y0Ddp0UFO)!|!$$`htW4k%xEdqC%hPj&&sR)+ zJsXU}rEYE}f|i8rAt0SZA}vg|P{rbK{F&YOWBN5?N~h>@?t2?j%oFv};pPIVF;^$vpK7HD!$eZrY0Ad_2x2~?v*2m|-K zPM4v+?pENVS_kNs!7B0a^kfA|e-{y}lL+)G!rBW}5fMfk zJYxvy3aj@K2>5(Mh$09K2Ai0gcG4_vLSeA7=H|lst3&P{9!$|%W&)(@C`wCZKUlsw z@yihuRVg($H#fGvme0RD5n*xACK(qV{%Ui6L)vCb?-&`$V|oW5HL}i>6XW6{619YO z>(T;1&h~bj@bK`ICibYPqOp-WH5KsTv*pIpWJqxE-TekG+pcVOfjxQ2w`ek=(#=qf z(tn59a-Z&YtvjW-xEKJhJw*x_LuO9SMh}mSbdfcUz5V_5N{5cw*tnpmzVTN-v!7K} z>B4d@D=h&vQu@2c$DxJi()~~w!sWTIi-MWxpVYHVwp_lL{n7S#Y&f`_Z>1Wr8a}3m9EWki?9>496+PZt*u(Y;w3LHfX8kC z%i4E@(0U&<8a*!-Z<=e`?|8F_Xn$mH7F&3Nim}trr@I*v&}Nvt!LWh3H4G`+59N@M zAbA=4;+($S37T|zlAUZb^y-zOhlj`b;-+xRN;(%4$Ijn*C7aqk{f$kzaN)vfd;4D3 z@7t8JkCB!;afI2~S)N>Vo%uE8|7TGCd*t>7mTBwt9E5ZX0G|cO$=(H9ZHv467j+&N A+5i9m literal 0 HcmV?d00001 diff --git a/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-no-translucency-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-no-translucency-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..6fc34f8b9132a40ececf182a38caac6187114ba8 GIT binary patch literal 1811 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 literal 0 HcmV?d00001 diff --git a/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-no-translucency-md-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-no-translucency-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..f6a53b5fcae06dad1dd2a195ae633e5cf5ff442f GIT binary patch literal 1443 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 literal 0 HcmV?d00001 diff --git a/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-translucency-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-translucency-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..99840ca7b4a70eb32cb86e4fa241ffd3c163a116 GIT binary patch literal 1646 zcmbVN`#aMM82?gKPIDrUq@k9gQbKY$G^9{2EBD++nvnb4V^X<9%_U(Ytz;c+(Og2t zOr*t%Jcc2LS#lj4c5uGuKj=BXytn6l-uHPv@8|iv=?Gg3h?Jrf000mxOY`dhAf^Gv zI=dx7d-{-DnWdtUP zu6}xB-1LX(Wf=!GZ;Z)Gr@8qq-5Ha#xEC+aYEfS7z~c6;-FdIBb38!j8GiV?fNzjR z{nN)7YbP9O7By~u==o=US=3y#CKy^(`VzIh1T5=jPS}DoLU>%4m^L7QP zXK4x-f3GPgrvQiZiH&Xe-nWm=x@s)8zWUrKwvEkZr*ODE#dOZnKRkZdRJhUIwX9q< zyYQK>M{>GU|8^)>jgXP)M1ncdIEO-^eCg?#2-RPVYkofx49LsNTOQAiY4!~K_4%`u zy}f-+ZS6HrPwC1_OPo%uFU3_+QISRQ!|GmuO82o?pSaAD^vkc%(a}0^IJT4H?eCx7 z&|uKZJ4ZuiZEVB^1O}2KZ0+oFnOy&XfT4XXOVu`_T}h~6aZODP!qs&>)!1u!pww7n ze2S586tkH0@S#L9?QnhY2u$&@cvhEh%*u>Rp>>C%%3jGmJH?$UFWg;A8e8xS56>wq zJUBnv%wVw!bQ67j9}oyfE?Za>78gq((dehQ&t1`wKPsQGv^witMkHDt&jqaQ>^MSE zAr1$VO%LVvD2-AR0*m>B6u-UF((m5C|J2^TGqI%vZMexOId$SRsj4mw9CB8nhDxri zEPef20?21v!eHQ$k&ytq1yhoqz9%j|ey}N8Gq`^E#x>f|qb@FA452QkpsYN-w!{G; z*>M&QXSTKiBogV@Q0*T8v9If6#sR%A3@$&LF}3@lS&=~mYQzAmZ2UR7{-CC=|-Y z)3dCyGSlHFyyUNe(NSA{Xc>w0*x}?yHX90FXxCw7Y_6qhWs+Eok#f|+sEw*@b#g6c zd&`EYtBl=`?Ia=EhN#Xb^I+MQ2sgK@9v(_>J)2)vRAh8?TyAV^Ox)`FkLhj?m|PA> zokLF!WL!!~Nhv5QDy34D^BEs|dvj`s#Ajw^S{H=5-KagObdW(swrW*%C5}!`b>7>b zcxZC`u$k-NbhL_-lT+2;odD~b|RdVpeS5iTx{%jv9W$)~{>>{QfeQhF3=8`< zq@gLF(e9&VXlQue7#nhABdW)z+A<_Wv%kN8Olbja$m8({L}IErjMf}4R8Udjwx{pk z9$;#szLkmO{pyEL$VsWn?m^B4d+S3-&yrugx^Hs0HDA-~c5rarlP32wI6OXfX+ol+ zqGFOC+tJbSX)1hnUSmryFE0;V8%Q6S3LjsMJE){|EVnBQy!1|SHZ=k7e#Sz(aB{jE zKkIpBnjah3uZHou;T;qPfk2=}FcK(N6 zLPEk`2qbKCBN92c>2ctUJ94-#2#>ozF#Ec!Eai}1aOltPC#0eJt-L;B?8eH80kQ`j zMY(2gf6>cJC8|lOe%K~DS`VuN??6$qyHWljAw&v=kBz-PsmVCM^cGnycYqw#bS2Dn z{hsyliv$D@ig^P-U^%=+EuQ&YFf%gd{VS6hV4 zny1#A3#Khei45^1`uN%i_syF(FJ8W!AhvABe+$!x!i(HMaa)yi9#pJJ{U7@H8%oO= YtIj|A9OKqx20jqL>XNNF*$kQdFDkAzegFUf literal 0 HcmV?d00001 diff --git a/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-translucency-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-translucency-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..d565c66cbc01c56b2d90b6abd7ebd610cef9ccbb GIT binary patch literal 1811 zcmdUw=T{O67{;;CaHW{#;F_8PGs=$SxJ7C>!f-31T}PH^UU$xNpsCk1O(fIIRbJ3c z9OcT&ftZ4Og5s#$dtKZIz5E&XetFOP;W_6y?|Gl!d6KLwZi@=Z3IPBBQB#zW4FJFg zGS)=C2a1lXoVx9q}QR^Ke6?a`8nS)tSwlpFA@y=*9Tpt@R3=pFGwKM81k zU==Tp+E)B{jJ!(F1a+8g1=I9MBj%DRS35M#2CoDwc1WPhL^^5yfjg>~hNjo#dOe~~ zf*aQJ9pSwrw7cFAJL}Eew*drzAR$H!1k}>emzHu%NZ`(%M2ue$Bs8ysI2_IkVQC?6 zr%Je*;9d?OVRrp+dd;+1{e)yDhSg0Y#xx09IUF_WujKo*G*nO z8dl}mo7vZA_4U@?9!D}WO=JDIal5U}q(16!M`O&X=Fe9Yr}}|~ol^n=q{>PwZJ!Z^ zq@*O-!~K8eHG}5NvNdtZ{S8+~MtH|Q@NCak5`SM&k+riEI{G6tD zgj(jKu-L5lgak%Qf-r7?WIDiNK`jgPUXjsRcdV=kH|oe_tJJ(xKQDA5Wwa6uK4|hvn_vGCuwxRCsK~BUJ)znp&2+3TG%z-iNDE@iU0@4 z$0-dk5a@m^$;Q?ew>kCw(f$^$+o#rNv@mFSX~|A{tj<5Hs7RH{uCK3GmvlFt?=4`h zh^U;;zY)6fnnWg>`uI>FV_^H>;Ogj|Ak*;Uqp135?w6U_*~PmA_146ER`S_Pq}p10 zmD-?ri@f8xZV0z-F*-L@AKjCE5tiex-|U%a*B4%(<;^6Z2&awW`X?sJ@Cua>9Y6Zg za4F`rnu>={9IeQ(rx!;W*Iw3T|*;_7i~to;F+1OZ1`Pf*&lU16NjbPikYDj+eZt1ijR+v z8ay2M`T5l$o+-*O%JVkFomTl%lgjs9r59Wk;jIu8_s|?|Um~tElRrgK>iiv^wWSfy z8VZYKF`23nJ1c>ZWqKizNOW@hCG$*l)DDkt%CW{^Fbr0OtJZR0TSLU|4Dacm!q#1M zXtJq1t_nZChz;p)M><{~h@tpRd?AyUsBxz-q~Btp25$WMA8WvWov}AGj2mx=z=p1} z$w=fP#@V^dJP=Ad*!UHfi+F6)`6VSqq^{aXJLG`lHTv;EVuygt@Mx8%ik_YeX?lOp{4vvkL%CH@Beh}nlI6;vV;dHK_E8+6oPb@^YOX6*1*OtdM z2?ahepc+hUL-!RB)ePgY0P{Cd;*;1gh-ujZq}iIr0RIQld*9->#WEj~j?CJI?0IDe NFg3O?Do5UX`Y)X^a$x`f literal 0 HcmV?d00001 diff --git a/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-translucency-ios-ltr-Mobile-Safari-linux.png b/core/src/components/tab-button/test/states/tab-button.e2e.ts-snapshots/tab-button-focus-translucency-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..c884751323af2152436cf0240ba13af499ad97cc GIT binary patch literal 1533 zcmbtU`7;{`6iz#;DXFGdOJ$L+s*+k)(Xy&(B8Vy~b(T6?DXlBwteK8u)R83Mok7E2=?|l18Lxoofk8-1oWJzoGBV_ul*E&3x~D^IodG9qO#q1t|akaMs!i;Rpbn zfQf4Z;7M^TnkyO>CrKYP3IRC&-`}>K0IKF zxPD$rm7F7_U(?2`OwDB@>4n;o>Z^owrad^m#6|HUGlV6)j%d9|ejklaegD)a5dHdt zE0N(&*4ReA#hZ+7jz5X%h`(9WL?ljF-(%(z{W{jRM5-MSbIMS0FW`-{7U@oTP1pDj1cB``7*PNt`JXZbmZEaFHN*19PF%SWu14;`30%xE5CCE{5iASNh@}HX(pOEHo)imc3FT} z=@}WdFf`EB#l@<`kxHcofFzDp;lqI{1X@kaGP%n`Czmq=kwNJy{$r8}u4`$5al&*J z4Q~uCY}#tnCmcVo5ZC~-{CC%d+`fSNh6cQ_|Ba=pgZ%#9UQTXqT4#|OFbUqiysiB* zn=?}`z-p1CBu<)BxWmpE!O_w4n(bxdzy0e+;DwVBH%?1RE=I;)?mq>F1HHStx@@&X zA(JTw-`E7zR?lT)XntN^UO@rlhscW=7rpr}#sm`J%J9&cXvQypExZk4f#I`4p>TFK zIVI%`6pcpXm&b#R$aJ^hm>9Pq9QC38YnVdXd_G7fp-%x-yLs_W!EhZ3=Av`)kGIeFoKmc3^o?9h8Hw2 zUADu4oj!Ub8zstbGAMP~DU+uW5rZzdnFIot%cYn_*EKZcPJgu3FfcSk0M8?NE*;ps ztvMbw%1j4%5?XApIm(QW4GH<$?TE*3i`O`Gj=kPeUS8&;m1XrfFLJsogNh=kTn|eG zXWP*zf5s}LA|f78$mHgz)uQvWBO|UzhkUz7C@x1K864?W>*C?=ZeSh``85?GaqFD` zI}#L$!;!pSVd>bQnP^Y>&cZ?{(qV1)pfOwsgl4N(RaQbwLO#t+Z|~zp-${J|8DJR@ zC`kWi@>ec74x z<3U_}SeT=Hr-j;NSfdunX8-F!0mccp=ef1z`A;&)c24)?d^OhbC85PIa$hNbo|F4W zvxg46dzwx7v0nT`w6%XIEiGN7sbU^C{CFeEEU%Qr@uzT6Kpw8uNlVPF55>cc4Lc8Q z%3Zb#iW4>Q=hNBKt5F^~Gk*HlO-+>v?1Uxbq~&&2Os`@x&oJ2EKM9=86(Sux+O8?2 z^?msgcer;=UP|dIjFZfoDl01!2rzf}<1NwrAfw;2x;1VOiz25zwK;W#_H$wZGc2hB zthj5m30EP&_SA{HH@7ZeFc=STq-+4ZcWZGZd}XrT6u)Ew$+S?@H8X=*JH{?dPEPV^ zcYSMLt@?cq+1r@!>FKF(u5p7Y)C|Q=eNO75XePp;1a`RSJN+Kb?viY(*tDIi!Ena2 zi2^Hi#pEdyJ8NV!6^3D4&g_qI_isf7zotf`&V2To!- z^ooiF_Pzngx7H