From 72f3999a0301b4110f1aa2b21fc0aa8090c89e4a 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 1240 -> 0 bytes
 assets/widgets/text_ellipsis.png       | Bin 789 -> 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 fa068eaa4d6388b3e990e01caeb64ca3b0902f28..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1240
zcmeAS@N?(olHy`uVBq!ia0vp^AAq=r14uBW->d!tq!^2xJVQ91aYfGrbAsHR7}lMW
zdC9=Q((38r7*cWT?e+WF!Ra!`KmOHy|GT&{uSk^R$s-2^0Vj^;hAC4O*G@UQA;{>&
zigRUMf$8me2BmQ~8gDp>zMT`a#P4}RaOC!lsTpa$!MATkTo22fbzaYJ*0PJ-3uhYr
zse6C!@aL10#h=^kzjrY@?7hT|18im+8hLXPn5C)0tm{6w)%j=Fxo6AcYzvj`_f1^;
z_xPNtZ=1X~XuMSZW-@El2Z#4YpOT*II6OHJ6@2;VdhSaCd;eXw)$p3s6f>=4UP1NN
zy?h5R-)6RNIX-FAm;FpT`V-2Ts%Fg+>M?2j-!@4_^FXR+axPna!*yoyTWosi%?IDq
z2v?-E3)^qI$8%4)_h8Y@&so1tz7Ao!v!m@t!2w==@6;LDtl|Af=6pX^dib`c>K^%$
zd$-j+e;Gby*>yVV(;h?pm0N3$yxphlY4z@_*Y-U>s%%$k$AwwFt=+dzdFK+H+S{!D
zQ@xhT{o49OkVh~wui?Ctz_)D;>z$W!nEDC@iOlI}V|ZY0+vX)(vn)hwu98lw0>k}t
zhq44eohovgB<FBMagi&7zvLVVKgUUGiJ{F)%qLm7d!3p*c}dghlW&{;zPhgQG0XJe
zRW^$QoW6&Gge#7>1}i3IHJICFme(CjjPOrf%J)rsP3Df(Hi4}>jk!20|7dycuP^m9
z-mrsX=hCg2b0TF^944*eyRUtwyf;O-f@#;hd~q3XwaI#aU$wh1@#Qx>PxLF=ag&9O
z<KIuE9qzB5&6wx7m5)z#@=1ZjUg1ex8-8)7Z+ep^cznJ}u=^!hgUuY5FYT}|i<vYf
zxn43%`lMPx$HJ)FVr%U@mN)M{m)Ed-q0&wtlSXSj_m@+;0<LaVD_B3};f!nLWh+zp
z`h_NTefXkPyYQUgzJ%#2FST5DFWAB%nkjPWWlGY8`FAUlmzYm}?%~CL!n3P&-m2UO
z#&4!@34fQKzvZy1=!1*XENwWqf8}`hY6ZXDO_pn44u=&mrkVJ7c<-1~(Qw-QtLXO$
zUH_!ld9dCQJ?net+jh?BBH?C}#S5=xX%<Zq`xo^4fNJ}9`?lG<AL{1hP3K#wY`S}A
z#!*jCz9kAOybr$QH2rU=)_ssQ$3eVC^XLO{R<o*_uHEW4Dh^+@xY)?x{@31=VNISI
zw?K!J->L&!&E#yBB|YfN$@6~Atmk)rlNiU9SM2?JFR9$Q)Y80p{)7_yuEmPKmhc=8
zZTY>Hz28fH$9zvKp3tuke=(m|eV}kA<U!}3IG$hJ4et)*nX2|XSUCGdmF>89ZSm7j
zHQtAFLNDdkyWa?U{dDW}xoY!mDo?Htliypip?+R&WsLUqomF-`_W7Q6^Vjlk+VsIn
zk3ZS>^|jX;;zs#jwwX+ftX%t`wplzoUnJ*yB9$^Ps3iFFe{DUZyO5`X+@3jRpd!oD
L)z4*}Q$iB}rPVeO

diff --git a/assets/widgets/text_ellipsis.png b/assets/widgets/text_ellipsis.png
index df3d787cafa0d96479d22583c501ff8a8f853daf..265b2c1c8f2d7eca8585f0e8e029281df984bfeb 100644
GIT binary patch
literal 1067
zcmeAS@N?(olHy`uVBq!ia0vp^AAq=rgBeJcW?zv4Qq09po*^6@9Je3(KLBzWi-X*q
z7}lMWc?o341o(uw0tIEH<u%l`4D^jmO)RV|ZS8Cw935R;UEDoAyuH2r{Coof1A>Es
zLPJBsqoZQu;}VmSQc{xBa<cOZ3yVui%F4?sD=VrhE32!jYHDlh8|oVy8=9ILo12<i
zT3Xs#Tie@OJ32eMy1IJ0yL)?k`}_MQOz59DdGge$Q>RUvHhucE88c_hnl)?Aym|BI
z&s(ry{=!8I7cW}0WXY1H%a$!)zHG&c<ttaMT)lernzd`!ty{N#!}^UIH*DIpar5TQ
zTefW3x^3I`?b~<k+_7uduHAd~?A^C-|Di*N4<9~q{P>Aer%s<fedg@hbLY=rxOm~>
zrHhv?UAlbj+I1kfapT6#n>TOYzH{f!-TU|NKX~xq;lqcI9zJ^f=<$;$PoF(|_Wb$t
z7cXACe)anG>o;%Syaj^y@85s;@Zr;^PoF=1{`~n15Pbdm_1m{^-@kwV@#DwOpFe;7
z`t|$w?>~S3{Qdj)-@kwV|Nl>GWU6IgV9N7!aSW-r_4dZ?;L8po2OiG*61O1Kpli|E
zuTFc#j&_A`-&?&+qhjSE4X%(a5v@i4{!5x~^F926d7s9@{hv2@o}2ULjQP#GDZ&@*
zx)~A<G%zx=@kkhu!T4i;ps`+{n)}UscV-EL2Y1VgKQCPuAAS4k->uU7nA0Ec_gm8$
zXH*e-|HS9Ht&xTkS5+8sZ}&CMeH&d+Quy&>$Cav?#ftZvr@u{5de3NYnZYZ%D`9z#
ztJ+qfdjYy?rpcZ=5)K^oC@8rc|6rOh+Z~@HU6wP84w}9`;N#XM_hHVIuM=wm_X=J5
zDfs$d_S|Vd*7n4F5{<ZJxG*&`$oF{6hm{4vSNqBjEDXxD5&841$=dmr<df#Z`<UA0
zEfNoiAKjKa@qKK;DKl2%OK)_drm1cW{mYv(OW66}oWqYNoqpOk=jMy1$?m@Y)|uQ<
zw9UFI`(am>-ILfYo9tNcPd>k@SGC+@d9rSE=a*+6sx8+>O-)~w%xCeU{6myM=vo!F
zn1aw_&z3*glYY_b^rma6KVGhp_#msf_RE3Rn%(b0m#j&j94)_CResMjF*cV;=Y;2(
zJP=>CS#YCYUiE?bPiDL-{cLBIb0D7msT2F0kY2g`>t{VZ`CIGuOg_Eu$CezEvbgKp
z{}-IUmZg3>XXj4e${V)DTDRK&?y0PJz2@%UEz!RM5~?{W@=Gq~+kgBcOnwCONPM_|
a)PL=2LFKT6l9Irj&EV<k=d#Wzp$P!fsvgJy

literal 789
zcmeAS@N?(olHy`uVBq!ia0vp^AAq=r14uBW->d!tq!^2xJVQ91aYfGrbAsHR7}lMW
zdC9=QbjZ`iF{I+w+w14OLlQ-fef&4={Xe~QV{OL_Lj|4_3eE~mKHQoe%L3TARk=5}
zie+`TEO7Pg;4o{u;^a~gxbu`t#=@EQlML${x+=bAE;NoSOziHOIB#>+`-gY9<txrt
zpRe}(9~onGBcYksj4Fhky_&WA)(bbk|JIi&E6o#`p30y1Y~K>m2<@d+8JE}}rDsoP
zXgU+3vh`1r16Sh17lz)+JDZEQct*7y`uV{1gvpTy-YMn+{Y|qo_IW%wcxyqP1yfw^
zx}MZ@zsCAk3!2nldF`2&r>^#?&|?p$;(RV6)|Yx~pYrELMMceOYGPAhJ*@g6tx3Vn
zpj>K=2>;a+!J4jh7Hp!<iVQK6Z)ND$e<&0YN%s*BnR>wai1}eDt3?m~Jxr6(Z}g7d
z^?ku~hgS<W|2ep^#A<Gf6XUAvRf)?v_PMXV;%~*p_JZqt)BY^6CC5wR=g9rzyP0D)
z@2*Bu@fPo9mBkMZ+Rd0I^>W%I!4FN(9HcTO_BynO9q9RX{1|`tgK!n6y9=I{@P`NM
zZ=G;4%pq<vOCrl2`@QucR;Jo#{pB)}bC%Z}?C-Gkn5g&lLz2TLKD(E>Z#N5nV5teQ
z4>_v1-qfRSZbN>N_oOe9T-A*4r~XV{ej{GOhVNE#L20P%lfF9d%U272&b@Lhq3}b*
z^q`oFact|<B`5A;j%(YnpmIXd6BW<<9NP|iEh}k%{?sN)Zrz)CemVIbLALhirsS;^
z4^RBU+<koW({JlU^1PyUcT8{ZT9WV0CY`h4AmzmW%Rg8*erlO~xjAP!D7|~S`njxg
HN@xNAc@9^g

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),