From 757ef09af723bba75bee77bd4d5b769d40a993d2 Mon Sep 17 00:00:00 2001
From: Simon Friis Vindum <simonfv@gmail.com>
Date: Fri, 1 Dec 2023 14:44:09 +0100
Subject: [PATCH] Add additional text diagrams demonstrating overflow

---
 assets/widgets/text.png                | Bin 1639 -> 0 bytes
 assets/widgets/text_ellipsis.png       | Bin 1098 -> 1067 bytes
 assets/widgets/text_fade_max_lines.png | Bin 0 -> 1328 bytes
 assets/widgets/text_fade_soft_wrap.png | Bin 0 -> 1202 bytes
 packages/diagrams/lib/src/text.dart    |  46 +++++++++++++++----------
 5 files changed, 27 insertions(+), 19 deletions(-)
 delete mode 100644 assets/widgets/text.png
 create mode 100644 assets/widgets/text_fade_max_lines.png
 create mode 100644 assets/widgets/text_fade_soft_wrap.png

diff --git a/assets/widgets/text.png b/assets/widgets/text.png
deleted file mode 100644
index 8ca7b3560d152662724b1e36e0e1b56a45dc985f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1639
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

diff --git a/assets/widgets/text_ellipsis.png b/assets/widgets/text_ellipsis.png
index d10e589e08ab19db40d214da517e5ace910aab83..265b2c1c8f2d7eca8585f0e8e029281df984bfeb 100644
GIT binary patch
delta 913
zcmV;C18)4v2&)K?K!03NOjJbx000~tA1Eg(FfTGSG&njrJw81^K|w@CL`O+TOG`>l
zPEAlzP*YM;RaI11TUuRTUSVQlWMpGzY-?_DadUKZc6WApd3btxd3$<#e0_X>fPaC3
zfP#X7gMxyDgoK8Lg@=ZPh>3`bii(Vji;azqkB^R!kdKj*lYf<!m6n#4mzS29nV6cI
znw*}VpP!zfpr4_lp`)Urq@<*!rlzN-rl_c=sj8`~tE;T7t*)-FuduJNv9PkTv9q(Y
zw6wIfwzjvox45~uy1Kf%yu7`>zQ4l4!^6YG$H&OZ%FD~k%+1Zt&(F}&(9zP-($dn?
z*4Ee8*VowC*nipC+1uOP+}z#Y-{0Wi;Njun;^E@s;^XAx<>uz*=jZ3>=;-U}>+9?6
z?CkCB?d|XH@9^;O^78WY^7Hfa^z`)f_4W1k_V)Mp_xSku`T6<!`uh9(`~3X;{r&y^
z{{H{}|7L*#eE<LgZb?KzRCwC$*xOUnKor2?p7dUzRW~q-qOJ8py%xoaR14m#wkUY1
zq9_Vfv{;35{{I;_woSw61HLGszw@w3&YbMbH`(1}6VN`30Fwa(F_Rz!3xE7Sz=3}d
zdkgHJM*|oz;N5m}^QEp|TiezBwHv+zXXC$4tchMScvauX^PPoRF_EfxG7Gm&Gi~i#
zaCC9;@rcxVnR6lEgO}}KBJTk|IcN<Px?rblMJBZp-cT(jHDgJ*V8F#laCFmO;Fc2x
z+)TuZIhk_7HS54kMv5NroPU({k$h3T64Ln*>;7w<miVoVT=ErI+A*PJSyD~MT=1!I
zQ`L@lz@buUJQV!qf;&Un8RUb*z5<6IIAOpS#kOsc?_F@pHU%@%>?~TAC9zfg4Q!ed
zL;jq@<C4qej-1)(f|Ey0{;o9KAw6o<9q_tpKIC1rvOWdhlh3M+C4YBFr(-RHiS*|1
zdpWIIm1nAB4mjv{@LDictt19qa8<_Ur{uh6(Mrp*)@AtVtQhbeDXsLtg?zj2RivzE
zlUpC7B_F(&76wF;&J&(A;1{a15wT8gd%&OMnCf-&K00i`UkBwv2b@%m9&gvpNl6cd
ze!P>*zWB6kG<IIsw<`Z|&(>-u+ibbHO?lWob1K@0{k(a2>#W`Vv|IX6V0#F7Z*<dd
nKk@t%lQ04~8wLy*@ZZHxt*a3uR>2t=00000NkvXXu0mjfmSg^$

delta 939
zcmV;c162I02+9bMK!1-=OjJc28y_JcBq%2;EGsWEF*P<dI5;;tJv=`@K0!c0Lqb7C
zL_<eLMMy|TN=ZpfO-xTtO;AuzQczG+Qc+b@Q&v?}S6EkCT3TFNT3udUU|(KgVq#=t
zVr6G$X=rC^X=!U~Yi(_8Z*FaHZ*FmLZ*p^Ub#`@ld3btxd4GF)dVG9*etmp@etm#{
zet?02gMxyDgoK8Ohlz=ZiiwGfi;InojgO9vkC2a%k&u#;la-Z~mX?*5mzJ2Bn3|fI
zo0^)Oo12}Uo}ZtdprN3mqM@UrqNJmvrKF^#r>3Z=r>Uu^s;a50tE;T6tgW%Iva+$W
zva++cx462wx_`R5yTQQ0!okAB!^FzU%gf8m&CSlv&d<-!(9qD((a_P-($mw^)YaA2
z+S%IL+S}aR-QM2b-{0Th;Naom;o{-q;^O1u<K*Pz<>uz*=jZ3>=;-O`>FVj~?CkCB
z?d|UF?(gsK@bK{Q@$vHV^78WY^Yird^z`-h_4oJp_-gq0`T6<!`uh6%`~3X;{r&y^
z{{H{}{}x%5?*IS-T1iAfRCwC$*V$K+K^VvJUs#z!nORAZO18L=w(pB&rbcFgZIamn
zEn;DBWt0L%K7V)@^zx#4(N*WX@_jDn%$ajOXP)`ZjI7Q|lMw<Rlm7!0lOO^QfBu*H
ztR^!n%3IS>hdJu_Yvz!o?LD(=M&nAFnb~6vZanb*-VOy`RR_Lmp9h}N$&Ck2m<{Xd
z`rsEj=R0tDye%~N!2>&|nnD-8tp-nP(Bev(qsW{jeT-|QKX@W<FLlv(;5&*81lmh3
z_*YbiIyJBwJfdM2ym(Wg`1iOPe|mT8hGlfkFW^6ArN-dAb4k-K_^J9<%28!%&v2(g
zIT!4<^n|5##IhRp3pfyq#rh=6R^SO2JgG^uQ9Z0pX(?lC!AWy;z;YV%TT8!DIF(AJ
z7Ci8Mvs<;`gq_ypy5NYFp3M6VT-@C7&I*sJp*5ppE9LImmQGk&ttGpse+f$~VtMWL
zz?S<_nU*Wq;ul+9@Ih$ZR`c;aflt-YI;g{4>bIh<c%jv&DVx>SSV$3DY1Gm8F8I05
zn3-8xJ*8k%p?lMu53Z%V?OUSLwb#<N=JR=5)^!j3OyRPPw}g|5m_69ll6ApvcZ^mx
zxb<>5+V%5no8#NJ^lMGk4A<vjZ0AyaftRv;50l{oGLs+z4jBK(`V9<`0vs`Ts4@Tm
N002ovPDHLkV1g4R3z7f;

diff --git a/assets/widgets/text_fade_max_lines.png b/assets/widgets/text_fade_max_lines.png
new file mode 100644
index 0000000000000000000000000000000000000000..a890df58a1173b3b0ab2644f22193098709e64aa
GIT binary patch
literal 1328
zcmbu<`8S(s6bJA(mNOaJI&F<LQ_OU5rs%ZVN-b5SjWtrVsH2Uo(GkluXi}w{p)wH^
zQ_@uIp@>*QN|#`S(xPIQYC@e6Yt$0Uh<W2*=;wT&d(U%!z0Y}4&?w}76&)1-0QNgM
zB0Rt@0S_6f2-cXe0UfX@;_aQhpit<z$Xy6tA$Sj@J;3aNi2*=C1?}o}0UW|~^^A>v
z{q6Wk^OL7fpMqPSwXw3aIcIa;_ME+)9RlHiynsMDBAuNaU0j?|C^xh_>e3~&r-#R7
zPme2?y}bRd`uq7^yXKF%ek~v{FgPeMBq%5(IOs-5@QqOH?_pu#xUdKuE+Qg4GBV;1
z{H>U1d`xt7Y-|jHNVr2J#>K_OCnVf|_%JasF)8WK$H~blDUV4c5}EuLg-oWTrcx-B
zv@}Y3T3SYWTE>$nS(%yHS((|{*?&KMnv?T1Hz$Xhn?t2iY0s!M+Oy|0T3%irot~FZ
zr|0L>3kvcJ3kr$~!4wu3fhj5}mZ!A1xTLg%QCiAiFv`mq<uA%BDk>@~E32w1nN?Lx
zCbODVUBhCrYFM?kHFfp%Y&N^0v4O*Be97T(UUHh6UN$u~HNSfG`t4ipo|YDFOKWRe
z8<@6#+S_@&_6{Deqobp<v-4e7S9dp<?)UHCf9UDy>Fw$3?d{w1vA>@`I5;>oGz=P*
z8xsgV?V0#2Cj^N^qDi@_FLKkMnVA`}SUfvBJ0~~4XJK)1acOBuB9SaFFMs{IvI0hK
zb<f(`>KbT$eO)S*ZftC9Zf<VLZG(1pc4RWy?(Xj0=M)q0RkS-H?7RqL3nRmxo_1Qi
zfLKMXtU!Y+10%+~`v>i649+Ok<d^AV=1CXTbur#bs_PTV8TS)E@6ISg;Zw>J#>ffj
zEG_cQr(A68@t)g-S|KTid@v7`HNL3`??EVAs@lGoe_^Ry1yyT7_zUVr{mLiSki}9A
z41Vk&;0O1K&X#ZmGWLmXtsp~-edPj6Xx8|yhIIpbtrf<%_VLx8B1q~^dH0tZ2wnIK
z#kF)HLYO-0>@aUpwwiv^4W~Wb(7$kXWXdG!=%Ew@&OlVW(PdqS1q3+8kDaHo9k||Z
zrq~af#v~CB7B_ih+OWowuMStiZFx9W5fx+`kSP5#`);P}2y-w|zT^r#Ah=iJX6{N8
zAB|e)ppDg4M#FKebM)RZGv54UL3m)28a%iS2p*pawUU|A8W&hU9~k06woO?CQYLq^
z4saYnW;Am+aBPs#;TOdDh=2q$^xUG7{ymK^hIf-LO1;Y*lNR1_KY|lxCbvWkxZ1eB
zW+=8+>rZR-T36wG`&3I-wsc(hA~x1Suv~xsBd*LDf<h@fYo7fcwhu_ZLv0{mmM)q3
zs%T>g;`pxk$o3-q#NqhV763gR@1A_ye=ek2jY-tCy>;RTs9AE8CkirL`JFymt=D36
z=NCPFMn<DdGYZePMf1mped>;cO7$KbgY1$X5&PJq*E`k#w5LKC#p)}+wt0J4Dp?v@
zja|20T|F@Hld>9eSkiZ8CqDW?b6%LWIw2TmK9(?f)<{9sgavN+TgrdfO~{+j*v3nb
S>=ME64RE@ELNM(y5B~?J4z7Fv

literal 0
HcmV?d00001

diff --git a/assets/widgets/text_fade_soft_wrap.png b/assets/widgets/text_fade_soft_wrap.png
new file mode 100644
index 0000000000000000000000000000000000000000..051236c0acdcafbcfe660cafc4e84851f7ddfc76
GIT binary patch
literal 1202
zcmbW1`8(Tp9KfTQ)?9l$>mC+to;{Dp)>Vr-`xK>8vXTZt7j@K~QpXtLio_i(6(sIp
zaYlnm(70=uyJgO36IH|r5mylG+h>2l_Ih6L&--|u_vfe2^T|NKtrcV;vLFyh0cK<6
z0AwK$Su$YY{59||2#~<xmN2A@j0|V_ArEM!!X2zFL5vBt4WK3=Y>`l4sHXbu_gdF<
zZt5B68{alDH8Z_yVPOTevWD3_c<>V(Zilc(I662uIU!vhxu9H8ZXWJWyu5sTy!`?L
zp9KX5M?^$MMPj0(Fqr5V3??=vCN4e>i%m#O#Nu#?cpNSXk55icPEAQkOHE17NGA{o
zS($*D*~H(TKPTppNO`%r`FVNd{CqMwpF$xQ6c!W}7nhcll$MoIsb%Hm)QZZA-zzI=
zG+I@4bxlomZEa0meI1=nZ+P*7!C*8tH8wXly?ogW*wWI%WHMPSR%>f(TU%TEt9CZ~
z6`RfO=wNqrc6N1l_w;o4_V)I@e%;^S|Hr_<;NalU(9oX%BO{}uqhsUa6O)r~-hN_g
z3UF$Ac6JV6etv#oVS&TpEG@m`a=APnZ+Ut7!}5oZA6M7b*4Ee8`F#H7=GNAhKmaHZ
z?Ck6ag~Hw4U6Dw%C)(TF+usM=-#_@oA;8hmkytD~K0ZD<IXOK&l}IFKXJ_Z<=NA_j
zr<#SCAkd{An3V-GdQmWscAQ3BO$&oBS}vfj))5H!c0`oa00F7=I1CK!lSbJ4DE&Nx
zlC3J)5o9ybAnV=i%b1Bw+Y@T8EjBzPIL5V{(;y21UzS(V@$5~M`tJn~D|JIGx2i3i
z{Tc#X5OQef!sSb<HtgKY<5r_^>%9j9=J1BKIDSX%j&Hy-@2-M+ez<0m(OAVeDym<h
zk1Va6owe^g9BO8=!4>f`(i>^R(h058*NCgVksKN`z(b=B@&&q76IZZ1AQwM_HZoSd
z?qNP7j<8V9eGm5E(&HgvI^X0wU%3+`;MeB1%Sj%yS=MHBcj4yU{FwtdhbBgqmW1QN
zEmjy>_l#mGw?3c5`Lc>wuJ@e+lN7}^8dZ=VCh%thfkFZo51xRdV@VVzb|1a3Ewu4(
zN^DD!NX<Budjo9tV~&lLkM0#ldO@lp%vV`^l*G#m1{L>L{9+Vspdyde(=uHtI^4ds
zr13T&VrSP!QEky*#36-NN3aaMlh&PzCEHMXcig*5Up(c>G@Ur4zv3oTFLboay6wm|
zEYRh4>0HPYhwWz)FjXk;r1+jolc{zbuQ?{gWdrR2#d^T%z}u7}oU@4l#eC{(=}!|u
zYgB~VXzEy!w_RXgOwc5!IgL0~mY}UbCM0hu1?%$W>Pu6+)ZN2y<|7F+qigX@PGS#v
zxUk_S4HfZ5!O%h^!F?IE-g!Q)m-FZp<F~3ccm1L7G;(lwO5}OZ!*9d<{hhd`xorW{
v6+&z_{cMaH?XC(5`Rf0@m4CM+{s-!i@09M#=~JHq9}EZvg<CN!J@NklBb#W@

literal 0
HcmV?d00001

diff --git a/packages/diagrams/lib/src/text.dart b/packages/diagrams/lib/src/text.dart
index 6a8161f5..b64576db 100644
--- a/packages/diagrams/lib/src/text.dart
+++ b/packages/diagrams/lib/src/text.dart
@@ -11,8 +11,9 @@ import 'package:flutter/rendering.dart';
 
 import 'diagram_step.dart';
 
-const String _text = 'text';
 const String _textEllipsis = 'text_ellipsis';
+const String _textFadeMaxLines = 'text_fade_max_lines';
+const String _textFadeSoftWrap = 'text_fade_soft_wrap';
 const String _textRich = 'text_rich';
 const String _textBorder = 'text_border';
 const String _textGradient = 'text_gradient';
@@ -28,24 +29,30 @@ class TextDiagram extends StatelessWidget with DiagramMetadata {
     Widget returnWidget;
 
     switch (name) {
-      case _text:
-        returnWidget = const Text(
-          'Hello, Ruth! How are you?',
-          textAlign: TextAlign.center,
-          overflow: TextOverflow.ellipsis,
-          style: TextStyle(fontWeight: FontWeight.bold),
-        );
-        break;
       case _textEllipsis:
-        returnWidget = ConstrainedBox(
-          constraints: const BoxConstraints(maxWidth: 100),
-          child: const Text(
-            'Hello, Ruth! How are you?',
-            textAlign: TextAlign.center,
-            overflow: TextOverflow.ellipsis,
-            style: TextStyle(fontWeight: FontWeight.bold),
-          ),
-        );
+        returnWidget = Container(
+            width: 100,
+            decoration: BoxDecoration(border: Border.all()),
+            child: const Text(
+                overflow: TextOverflow.ellipsis, 'Hello Ruth, how are you?'));
+        break;
+      case _textFadeMaxLines:
+        returnWidget = Container(
+            width: 100,
+            decoration: BoxDecoration(border: Border.all()),
+            child: const Text(
+                overflow: TextOverflow.fade,
+                maxLines: 1,
+                'Hello Ruth, how are you?'));
+        break;
+      case _textFadeSoftWrap:
+        returnWidget = Container(
+            width: 100,
+            decoration: BoxDecoration(border: Border.all()),
+            child: const Text(
+                overflow: TextOverflow.fade,
+                softWrap: false,
+                'Hello Ruth, how are you?'));
         break;
       case _textRich:
         returnWidget = const Text.rich(
@@ -1063,8 +1070,9 @@ class TextDiagramStep extends DiagramStep {
 
   @override
   Future<List<TextDiagram>> get diagrams async => <TextDiagram>[
-        const TextDiagram(_text),
         const TextDiagram(_textEllipsis),
+        const TextDiagram(_textFadeMaxLines),
+        const TextDiagram(_textFadeSoftWrap),
         const TextDiagram(_textRich),
         const TextDiagram(_textBorder),
         const TextDiagram(_textGradient),