This commit is contained in:
Tsuki 2024-11-19 21:23:01 +08:00
parent d9b8c8f666
commit 50ee6e6b77
27 changed files with 232 additions and 0 deletions

View File

@ -0,0 +1,61 @@
<CHAT_PRE>
You are a helpful assistant.
</CHAT_PRE>
<CHAT_POST>
</CHAT_POST>
<RUST_PRE>
You are a Rust programming assistant. Please answer with code examples only and very no explanations
</RUST_PRE>
<ALL_PRE>
You are a Rust programming assistant for writing Makepad applications.
You have been given components and example code as context, plus the users project.
</ALL_PRE>
<ALL_POST>
Generate the whole file including the Rust logic.
</ALL_POST>
<UI_PRE>
You are a Rust programming assistant for writing Makepad applications.
You have been given components and example code as context, plus the users project.
</UI_PRE>
<UI_POST>
Only rewrite the live_design block and only output that code not the rest of the file.
</UI_POST>
<GENERAL_POST>
Please answer with code only and don't give explanations.
Don't invent new function signatures, only use what is given in the example.
Remove all comments from the generated code.
Shader code is GLSL syntax, not Rust so only use GLSL functions and not rust postfix methods.
Don't use ```iTime``` but use ```self.time```.
Types in shader code are inferenced, and written as ```let variable = value```
Make sure that the ```pixel()``` function has an explicit ```return``` call
Makepad shader values are mut by default and should be declard as ```let``` and not ```let mut```
Makepad shaders use ```for i in 0..10{ }``` as their loop construct.
You cannot use ```while``` as this is potentially unbounded
Remember that return types for the shaders are written rust style: ```fn pixel(self)->vec4{}```
Please write background shaders as ```draw_bg:{fn pixel(self)->vec4{return #5}}```
Do not write ```mut Cx2dShader``` this does not exist.
Instead of ```self.time()``` it is ```self.time```
Instead of ```event.action``` write ```action```
Local function for the shader cannot be placed inside the ```pixel``` function but need to be inside the draw_bg scope and before the pixel function. Please remember to write the function type signature in the declaration rust-style ```fn thing(a:vec3, b:vec4)->vec4```
Please remember to give functions an explicit ```return``` call, it is like GLSL and not like Rust with an automatic return value.
If you use ```self.time``` make sure the first function argument is called ```self``` and the function is called as ```self.functionname()```
Shader code does not support the ```f32``` type but needs to use ```float``` instead
You cannot cast an int to a float with ```i as float``` but you have to write it as ```float(i)```
Constant definitions can only be inside functions and not at the root ```draw_bg``` block
Make sure that when you call a method ```self.methodname``` that the first argument in the declaration is ```fn methodname(self)```
If you call a method on self call ```fncall``` make sure the first argument on the function declaration is ```(self)```
When asked to write code in Rust, remember to put the code in the ```clicked``` if of the Rust block, do not put it in the shader code ```draw_bg``` area
You cannot set event handlers like ```onclick``` in the ```live_design{}``` block, only in the Rust code
you have to set ```show_bg: true``` on a View if you want the background shader to be visible
In makepad DSL code the system is id = <Tag>{}. You do not set the ids on it via an id attribute
Dont pass cx as argument to clicked
Don't make the background color ```#f00``` by default, use ```#333```
</GENERAL_POST>

View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<rect id="Icon_Search" x="0" y="0" width="256" height="256" style="fill:none;"/>
<g id="Icon_Search1" serif:id="Icon_Search">
<g transform="matrix(1.27803,0,0,1.27803,-63.2676,-74.4848)">
<path d="M175.332,202.502C163.398,210.826 148.889,215.71 133.249,215.71C92.582,215.71 59.565,182.693 59.565,142.026C59.565,101.359 92.582,68.342 133.249,68.342C173.916,68.342 206.933,101.359 206.933,142.026C206.933,157.666 202.049,172.175 193.725,184.109L239.75,230.135L221.358,248.527L175.332,202.502ZM133.249,91.353C105.282,91.353 82.576,114.059 82.576,142.026C82.576,169.993 105.282,192.699 133.249,192.699C161.216,192.699 183.922,169.993 183.922,142.026C183.922,114.059 161.216,91.353 133.249,91.353Z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 163 163" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M81.25,12.5c-37.946,0 -68.75,30.804 -68.75,68.75c0,37.946 30.804,68.75 68.75,68.75c37.946,0 68.75,-30.804 68.75,-68.75c0,-37.946 -30.804,-68.75 -68.75,-68.75Zm37.5,59.375c3.321,0 6.25,2.929 6.25,6.25l0,6.25c0,3.517 -2.929,6.25 -6.25,6.25l-28.125,0l0,28.125c0,3.517 -2.929,6.25 -6.25,6.25l-6.25,0c-3.517,0 -6.25,-2.733 -6.25,-6.25l0,-28.125l-28.125,0c-3.517,0 -6.25,-2.733 -6.25,-6.25l0,-6.25c0,-3.321 2.733,-6.25 6.25,-6.25l28.125,0l0,-28.125c0,-3.321 2.733,-6.25 6.25,-6.25l6.25,0c3.321,0 6.25,2.929 6.25,6.25l0,28.125l28.125,0Z"/></svg>

After

Width:  |  Height:  |  Size: 989 B

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 855 855" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_run" x="3.438" y="4.013" width="833.333" height="833.333" style="fill:none;"/><path d="M572.178,182.482c6.827,-15.852 1.736,-34.365 -12.265,-44.547c-14,-10.182 -33.092,-9.256 -46.166,2.083l-296.206,259.18c-11.571,10.182 -15.736,26.497 -10.298,40.844c5.438,14.348 19.323,24.067 34.712,24.067l129.011,0l-88.977,207.576c-6.827,15.851 -1.736,34.364 12.264,44.546c14.001,10.182 33.092,9.257 46.167,-2.082l296.206,-259.181c11.571,-10.182 15.736,-26.496 10.298,-40.844c-5.438,-14.347 -19.207,-23.951 -34.712,-23.951l-129.011,0l88.977,-207.691Z" style="fill-rule:nonzero;"/></svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 163 163" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M77.446,20.393l29.502,0c3.019,0 5.919,1.212 8.059,3.352l16.141,16.141c2.139,2.14 3.352,5.04 3.352,8.059l-0,52.323c-0,6.299 -5.111,11.41 -11.411,11.41l-45.643,0c-6.299,0 -11.41,-5.111 -11.41,-11.41l-0,-68.464c-0,-6.3 5.111,-11.411 11.41,-11.411Zm-38.035,30.429l19.018,-0l-0,15.214l-15.215,-0l0,60.857l45.643,-0l0,-7.607l15.214,-0l0,11.41c0,6.3 -5.111,11.411 -11.41,11.411l-53.25,-0c-6.3,-0 -11.411,-5.111 -11.411,-11.411l0,-68.464c0,-6.299 5.111,-11.41 11.411,-11.41Z" style="fill-rule:nonzero;"/></svg>

After

Width:  |  Height:  |  Size: 953 B

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 855 855" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_run" x="3.438" y="4.013" width="833.333" height="833.333" style="fill:none;"/><path d="M323.466,140.121c6.301,-12.719 19.253,-20.653 33.372,-20.653l140.491,-0c14.119,-0 27.071,7.934 33.372,20.653l8.401,16.686l112.019,0c20.654,0 37.34,16.687 37.34,37.34c0,20.654 -16.686,37.34 -37.34,37.34l-448.076,-0c-20.653,-0 -37.339,-16.686 -37.339,-37.34c-0,-20.653 16.686,-37.34 37.339,-37.34l112.019,0l8.402,-16.686Zm327.655,128.705l-24.737,395.568c-1.867,29.521 -26.371,52.509 -55.893,52.509l-286.815,-0c-29.522,-0 -54.026,-22.988 -55.893,-52.509l-24.738,-395.568l448.076,0Z"/></svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_designer" x="0.02" y="0.231" width="48" height="48" style="fill:none;"/><path d="M16.266,17.238l9.853,-2.788l8.298,8.298l-2.788,9.853c-0.389,1.297 -1.426,2.399 -2.722,2.788l-18.087,6.029l-0.972,-0.908l9.724,-9.724c0.389,0.195 0.843,0.26 1.361,0.26c1.686,-0 3.112,-1.362 3.112,-3.112c-0,-1.686 -1.426,-3.112 -3.112,-3.112c-1.75,0 -3.111,1.426 -3.111,3.112c-0,0.519 0.064,0.972 0.259,1.361l-9.724,9.724l-0.908,-0.972l6.029,-18.087c0.389,-1.296 1.491,-2.333 2.788,-2.722Zm23.402,-4.149c1.231,1.167 1.231,3.176 -0,4.408l-3.631,3.63l-8.297,-8.297l3.63,-3.631c1.232,-1.231 3.241,-1.231 4.408,0l3.89,3.89Z"/></svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_editor" x="0.05" y="-0.249" width="48" height="48" style="fill:none;"/><path d="M32.512,10.298c0,0.397 -0.396,0.794 -0.859,0.794c-1.785,-0.067 -5.487,0.198 -5.487,3.173l-0,7.338l2.38,-0c0.396,-0 0.793,0.396 0.793,0.793l-0,2.644c-0,0.463 -0.397,0.794 -0.793,0.794l-2.38,-0l-0,7.404c-0,2.975 3.768,3.239 5.487,3.239c0.463,0 0.859,0.331 0.859,0.794l0,2.578c0,0.463 -0.396,0.793 -0.793,0.793c-2.314,0.066 -5.223,0 -7.669,-2.446c-2.578,2.446 -5.553,2.512 -7.734,2.446c-0.397,0 -0.728,-0.33 -0.728,-0.793l0,-2.645c0,-0.396 0.331,-0.793 0.794,-0.793c1.785,0.066 5.553,-0.198 5.553,-3.173l-0,-7.404l-2.38,-0c-0.463,-0 -0.793,-0.331 -0.793,-0.794l-0,-2.644c-0,-0.397 0.33,-0.793 0.793,-0.793l2.38,-0l-0,-7.338c-0,-2.975 -3.834,-3.24 -5.553,-3.24c-0.463,0 -0.794,-0.33 -0.794,-0.793l0,-2.578c0,-0.463 0.331,-0.793 0.728,-0.793c2.313,-0.067 5.222,-0 7.734,2.446c2.512,-2.446 5.487,-2.513 7.669,-2.446c0.397,-0 0.793,0.33 0.793,0.793l0,2.644Z" style="fill-rule:nonzero;"/></svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="File" x="0.197" y="0.082" width="48" height="48" style="fill:none;"/><path d="M12.069,11.678c-0,-2.23 1.813,-4.043 4.043,-4.043l10.107,0l-0,8.086c-0,1.118 0.903,2.021 2.021,2.021l8.086,0l-0,18.193c-0,2.23 -1.813,4.043 -4.043,4.043l-16.171,0c-2.23,0 -4.043,-1.813 -4.043,-4.043l-0,-24.257Zm24.257,4.043l-8.086,-0l0,-8.086l8.086,8.086Z"/></svg>

After

Width:  |  Height:  |  Size: 792 B

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_filetree_file_create" x="0.207" y="0.164" width="48" height="48" style="fill:none;"/><path d="M12.078,11.761c0,-2.23 1.813,-4.043 4.043,-4.043l10.107,-0l0,8.085c0,1.118 0.904,2.022 2.022,2.022l8.085,-0l0,18.193c0,2.23 -1.813,4.042 -4.042,4.042l-16.172,0c-2.23,0 -4.043,-1.812 -4.043,-4.042l0,-24.257Zm14.063,14.046l0,-6.773l-3.814,-0l-0,6.773l-6.738,0l-0,3.815l6.738,-0l-0,6.702l3.814,-0l0,-6.702l6.738,-0l-0,-3.815l-6.738,0Zm10.194,-10.004l-8.085,0l-0,-8.085l8.085,8.085Z"/></svg>

After

Width:  |  Height:  |  Size: 936 B

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_filetree_folder_create" x="0.016" y="0.17" width="48" height="48" style="fill:none;"/><path d="M11.888,38.044c-2.23,0 -4.043,-1.813 -4.043,-4.043l-0,-20.214c-0,-2.23 1.813,-4.043 4.043,-4.043l8.086,0c1.269,0 2.469,0.6 3.234,1.617l1.213,1.618c0.379,0.511 0.979,0.808 1.617,0.808l10.107,0c2.23,0 4.043,1.813 4.043,4.043l-0,16.171c-0,2.23 -1.813,4.043 -4.043,4.043l-24.257,0Zm14.036,-13.917l-0,-6.773l-3.815,-0l0,6.773l-6.738,0l0,3.815l6.738,-0l0,6.702l3.815,-0l-0,-6.702l6.737,-0l0,-3.815l-6.737,0Z"/></svg>

After

Width:  |  Height:  |  Size: 960 B

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_run" x="0.198" y="0.231" width="48" height="48" style="fill:none;"/><path d="M37.544,21.459c2.064,1.265 2.064,4.262 -0,5.528l-23.445,13.854c-2.132,1.265 -4.796,-0.267 -4.796,-2.798l0,-27.707c0,-2.731 2.864,-3.863 4.796,-2.731l23.445,13.854Z" style="fill-rule:nonzero;"/></svg>

After

Width:  |  Height:  |  Size: 731 B

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 205 205" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_run" x="0.825" y="0.963" width="200" height="200" style="fill:none;"/><path d="M45.212,89.413c-8.6,5.27 -8.6,17.758 0,23.033l97.688,57.725c8.883,5.271 19.983,-1.113 19.983,-11.659l0,-115.445c0,-11.38 -11.933,-16.096 -19.983,-11.38l-97.688,57.725Z" style="fill-rule:nonzero;"/></svg>

After

Width:  |  Height:  |  Size: 739 B

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_log" x="0.057" y="0.231" width="48" height="48" style="fill:none;"/><path d="M11.857,31.995c0.555,-0 1.109,0.554 1.109,1.109l0,4.436c0,0.624 -0.554,1.109 -1.109,1.109l-4.436,0c-0.624,0 -1.109,-0.485 -1.109,-1.109l-0,-4.436c-0,-0.555 0.485,-1.109 1.109,-1.109l4.436,-0Zm0,-22.182c0.555,0 1.109,0.555 1.109,1.11l0,4.436c0,0.624 -0.554,1.109 -1.109,1.109l-4.436,-0c-0.624,-0 -1.109,-0.485 -1.109,-1.109l-0,-4.436c-0,-0.555 0.485,-1.11 1.109,-1.11l4.436,0Zm0,11.091c0.555,0 1.109,0.555 1.109,1.109l0,4.437c0,0.623 -0.554,1.109 -1.109,1.109l-4.436,-0c-0.624,-0 -1.109,-0.486 -1.109,-1.109l-0,-4.437c-0,-0.554 0.485,-1.109 1.109,-1.109l4.436,0Zm28.836,12.2c0.555,-0 1.109,0.555 1.109,1.109l0,2.218c0,0.624 -0.554,1.109 -1.109,1.109l-22.181,0c-0.624,0 -1.109,-0.485 -1.109,-1.109l-0,-2.218c-0,-0.554 0.485,-1.109 1.109,-1.109l22.181,-0Zm0,-22.181c0.555,-0 1.109,0.554 1.109,1.109l0,2.218c0,0.624 -0.554,1.109 -1.109,1.109l-22.181,-0c-0.624,-0 -1.109,-0.485 -1.109,-1.109l-0,-2.218c-0,-0.555 0.485,-1.109 1.109,-1.109l22.181,-0Zm0,11.09c0.555,0 1.109,0.555 1.109,1.109l0,2.218c0,0.624 -0.554,1.11 -1.109,1.11l-22.181,-0c-0.624,-0 -1.109,-0.486 -1.109,-1.11l-0,-2.218c-0,-0.554 0.485,-1.109 1.109,-1.109l22.181,0Z"/></svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_log_bullet" x="0.149" y="0.136" width="48" height="48" style="fill:none;"/><path d="M24.149,5.979c10.021,0 18.157,8.136 18.157,18.157c-0,10.021 -8.136,18.157 -18.157,18.157c-10.021,0 -18.157,-8.136 -18.157,-18.157c-0,-10.021 8.136,-18.157 18.157,-18.157Zm-0,10.064c-4.467,0 -8.093,3.627 -8.093,8.093c-0,4.467 3.626,8.094 8.093,8.094c4.467,-0 8.093,-3.627 8.093,-8.094c0,-4.466 -3.626,-8.093 -8.093,-8.093Z"/></svg>

After

Width:  |  Height:  |  Size: 869 B

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 48 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_outliner" x="0" y="0.311" width="48" height="48" style="fill:none;"/><path d="M10.527,10.96l-0,3.997l11.548,0l0,3.998l-11.548,0l-0,13.991l11.548,0l0,3.998l-11.548,-0c-2.123,-0 -3.85,-1.793 -3.85,-3.998l0,-21.986c0,-1.106 0.861,-1.999 1.925,-1.999c1.065,0 1.925,0.893 1.925,1.999Zm13.473,9.994l0,-9.994c0,-1.106 0.86,-1.999 1.925,-1.999l4.018,0c0.511,0 0.998,0.213 1.359,0.587l0.8,0.825c0.361,0.375 0.848,0.587 1.359,0.587l5.937,-0c1.065,-0 1.925,0.893 1.925,1.999l-0,7.995c-0,1.105 -0.86,1.999 -1.925,1.999l-13.473,-0c-1.065,-0 -1.925,-0.894 -1.925,-1.999Zm0,17.989l0,-10c0,-1.106 0.86,-1.999 1.925,-1.999l4.018,-0c0.511,-0 0.998,0.212 1.359,0.587l0.8,0.831c0.361,0.374 0.848,0.587 1.359,0.587l5.937,-0c1.065,-0 1.925,0.893 1.925,1.999l-0,7.995c-0,1.105 -0.86,1.998 -1.925,1.998l-13.473,0c-1.065,0 -1.925,-0.893 -1.925,-1.998Z"/></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_profiler" x="0.003" y="0.231" width="48" height="48" style="fill:none;"/><path d="M18.947,10.193c0,-2.114 1.699,-3.829 3.792,-3.829l2.529,0c2.093,0 3.792,1.715 3.792,3.829l-0,28.077c-0,2.114 -1.699,3.829 -3.792,3.829l-2.529,-0c-2.093,-0 -3.792,-1.715 -3.792,-3.829l0,-28.077Zm-12.641,15.315c0,-2.114 1.699,-3.829 3.793,-3.829l2.528,-0c2.093,-0 3.792,1.715 3.792,3.829l0,12.762c0,2.114 -1.699,3.829 -3.792,3.829l-2.528,-0c-2.094,-0 -3.793,-1.715 -3.793,-3.829l0,-12.762Zm29.074,-14.039l2.528,-0c2.094,-0 3.793,1.715 3.793,3.829l-0,22.972c-0,2.114 -1.699,3.829 -3.793,3.829l-2.528,-0c-2.093,-0 -3.792,-1.715 -3.792,-3.829l-0,-22.972c-0,-2.114 1.699,-3.829 3.792,-3.829Z"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_profiler_clear" x="0.016" y="0.015" width="48" height="48" style="fill:none;"/><path d="M42.775,10.458l0.007,0.007l-12.927,12.927l2.336,2.336c0.283,0.283 0.444,0.673 0.444,1.077c0,0.842 -0.68,1.522 -1.521,1.522l-1.96,-0l-7.291,-7.292l-0,-1.959c-0,-0.842 0.68,-1.522 1.521,-1.522c0.404,0 0.795,0.162 1.078,0.445l2.336,2.336l12.927,-12.927c0.841,-0.842 2.208,-0.842 3.05,0c0.841,0.842 0.841,2.208 -0,3.05Zm-15.183,20.118c0.243,2.874 -0.787,5.736 -2.848,7.796c-1.851,1.845 -4.349,2.882 -6.961,2.882l-11.668,-0c-0.822,-0 -1.488,-0.667 -1.488,-1.488c-0,-0.424 0.182,-0.828 0.491,-1.111l8.511,-7.649c0.276,-0.255 -0.027,-0.7 -0.364,-0.531l-3.44,1.716c-0.411,0.202 -0.889,-0.094 -0.889,-0.552c-0,-2.12 0.841,-4.154 2.343,-5.655l0.538,-0.539c2.061,-2.06 4.922,-3.097 7.797,-2.848l7.978,7.979Z"/></svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_run" x="0.198" y="0.231" width="48" height="48" style="fill:none;"/><path d="M37.544,21.459c2.064,1.265 2.064,4.262 -0,5.528l-23.445,13.854c-2.132,1.265 -4.796,-0.267 -4.796,-2.798l0,-27.707c0,-2.731 2.864,-3.863 4.796,-2.731l23.445,13.854Z" style="fill-rule:nonzero;"/></svg>

After

Width:  |  Height:  |  Size: 731 B

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 48 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_search_case_sensitive" x="0" y="0.023" width="48" height="48" style="fill:none;"/><path d="M22.016,33.27l-1.429,-4.672l-7.145,0l-1.43,4.672l-4.479,0l6.925,-19.704l5.084,-0l6.953,19.704l-4.479,0Zm-3.848,-12.724c-0.091,-0.311 -0.21,-0.705 -0.357,-1.181c-0.147,-0.477 -0.293,-0.962 -0.44,-1.457c-0.146,-0.495 -0.265,-0.925 -0.357,-1.292c-0.092,0.367 -0.215,0.82 -0.371,1.361c-0.156,0.54 -0.302,1.053 -0.44,1.539c-0.137,0.485 -0.242,0.829 -0.316,1.03l-1.401,4.562l5.111,0l-1.429,-4.562Zm16.627,-2.583c2.015,0 3.558,0.435 4.63,1.305c1.072,0.871 1.608,2.203 1.608,3.999l-0,10.003l-2.858,0l-0.797,-2.033l-0.11,-0c-0.421,0.531 -0.857,0.971 -1.305,1.319c-0.449,0.348 -0.962,0.6 -1.539,0.755c-0.578,0.156 -1.287,0.234 -2.13,0.234c-0.88,-0 -1.672,-0.169 -2.377,-0.508c-0.706,-0.339 -1.26,-0.862 -1.663,-1.567c-0.403,-0.705 -0.605,-1.598 -0.605,-2.679c0,-1.594 0.559,-2.771 1.677,-3.532c1.117,-0.76 2.794,-1.177 5.029,-1.25l2.611,-0.083l-0,-0.659c-0,-0.788 -0.206,-1.365 -0.619,-1.731c-0.412,-0.367 -0.984,-0.55 -1.717,-0.55c-0.733,-0 -1.448,0.105 -2.144,0.316c-0.696,0.211 -1.392,0.472 -2.088,0.783l-1.347,-2.775c0.806,-0.422 1.699,-0.752 2.679,-0.99c0.981,-0.238 2.002,-0.357 3.065,-0.357Zm0.577,8.409c-1.319,0.037 -2.235,0.275 -2.748,0.715c-0.513,0.44 -0.77,1.017 -0.77,1.731c0,0.623 0.183,1.067 0.55,1.333c0.366,0.266 0.842,0.399 1.429,0.399c0.879,-0 1.621,-0.262 2.226,-0.784c0.604,-0.522 0.907,-1.259 0.907,-2.212l-0,-1.237l-1.594,0.055Z"/></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_search_full_word" x="0.203" y="0.023" width="48" height="48" style="fill:none;"/><path d="M15.47,17.963c2.016,0 3.559,0.435 4.631,1.305c1.072,0.871 1.608,2.203 1.608,3.999l-0,10.003l-2.858,0l-0.797,-2.033l-0.11,-0c-0.422,0.531 -0.857,0.971 -1.306,1.319c-0.448,0.348 -0.961,0.6 -1.539,0.755c-0.577,0.156 -1.287,0.234 -2.129,0.234c-0.88,-0 -1.672,-0.169 -2.378,-0.508c-0.705,-0.339 -1.259,-0.862 -1.662,-1.567c-0.403,-0.705 -0.605,-1.598 -0.605,-2.679c0,-1.594 0.559,-2.771 1.677,-3.532c1.117,-0.76 2.794,-1.177 5.029,-1.25l2.61,-0.083l0,-0.659c0,-0.788 -0.206,-1.365 -0.618,-1.731c-0.412,-0.367 -0.985,-0.55 -1.717,-0.55c-0.733,-0 -1.448,0.105 -2.144,0.316c-0.696,0.211 -1.392,0.472 -2.089,0.783l-1.346,-2.775c0.806,-0.422 1.699,-0.752 2.679,-0.99c0.98,-0.238 2.002,-0.357 3.064,-0.357Zm0.578,8.409c-1.32,0.037 -2.236,0.275 -2.749,0.715c-0.513,0.44 -0.769,1.017 -0.769,1.731c-0,0.623 0.183,1.067 0.55,1.333c0.366,0.266 0.842,0.399 1.429,0.399c0.879,-0 1.621,-0.262 2.226,-0.784c0.604,-0.522 0.906,-1.259 0.906,-2.212l0,-1.237l-1.593,0.055Zm13.96,-9.124c0,0.568 -0.018,1.127 -0.055,1.677c-0.036,0.549 -0.073,0.98 -0.11,1.291l0.165,0c0.403,-0.622 0.944,-1.149 1.622,-1.58c0.677,-0.43 1.557,-0.646 2.638,-0.646c1.685,0 3.05,0.655 4.094,1.965c1.045,1.31 1.567,3.239 1.567,5.785c-0,1.704 -0.243,3.138 -0.728,4.301c-0.486,1.163 -1.159,2.038 -2.02,2.625c-0.861,0.586 -1.869,0.879 -3.023,0.879c-1.099,-0 -1.965,-0.197 -2.597,-0.591c-0.632,-0.394 -1.15,-0.838 -1.553,-1.333l-0.275,0l-0.687,1.649l-3.133,0l0,-20.886l4.095,0l0,4.864Zm2.941,4.013c-0.715,-0 -1.283,0.146 -1.704,0.439c-0.422,0.294 -0.728,0.738 -0.921,1.333c-0.192,0.596 -0.298,1.342 -0.316,2.24l0,0.44c0,1.447 0.215,2.56 0.646,3.339c0.43,0.778 1.214,1.168 2.35,1.168c0.842,-0 1.511,-0.39 2.006,-1.168c0.494,-0.779 0.742,-1.901 0.742,-3.367c-0,-1.465 -0.252,-2.569 -0.756,-3.311c-0.504,-0.742 -1.186,-1.113 -2.047,-1.113Zm9.815,7.169c0,-0.655 0.532,-1.186 1.186,-1.186c0.655,-0 1.186,0.531 1.186,1.186l0,8.688c0,0.655 -0.531,1.186 -1.186,1.186l-39.448,-0c-0.655,-0 -1.186,-0.531 -1.186,-1.186l0,-8.688c0,-0.655 0.532,-1.186 1.186,-1.186c0.655,-0 1.186,0.531 1.186,1.186l0,7.502l37.076,-0l0,-7.502Z"/></svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_search_regex" x="0.138" y="0.023" width="48" height="48" style="fill:none;"/><path d="M21.866,12.862l-7.899,21.203l-4.009,0l7.899,-21.203l4.009,0Zm-0.368,13.66l6.355,-13.779l2.078,0l7.187,13.779l-3.475,0l-4.662,-9.324l-4.068,9.324l-3.415,0Z"/></svg>

After

Width:  |  Height:  |  Size: 704 B

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 49 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="icon_tab_app" x="0.016" y="0.218" width="48" height="48" style="fill:none;"/><path d="M40.044,7.711c0.796,-0 1.559,0.316 2.121,0.878c0.563,0.562 0.879,1.325 0.879,2.121l-0,6.156c-0.001,0.712 -0.578,1.289 -1.29,1.289l-35.475,0c-0.712,0 -1.29,-0.577 -1.29,-1.289l0,-6.156c0,-0.796 0.316,-1.559 0.879,-2.121c0.562,-0.562 1.325,-0.878 2.12,-0.878l32.056,-0Zm-29.9,2.257c-1.569,0 -2.843,1.274 -2.843,2.844c-0,1.569 1.274,2.844 2.843,2.844c1.57,-0 2.844,-1.275 2.844,-2.844c0,-1.57 -1.274,-2.844 -2.844,-2.844Zm7.565,0c-1.57,0 -2.844,1.274 -2.844,2.844c0,1.569 1.274,2.844 2.844,2.844c1.57,-0 2.844,-1.275 2.844,-2.844c-0,-1.57 -1.274,-2.844 -2.844,-2.844Zm20.321,0l-12.568,0c-1.57,0 -2.843,1.273 -2.843,2.844l-0,0c-0,1.571 1.273,2.844 2.843,2.844l12.568,-0c1.57,-0 2.843,-1.273 2.843,-2.844l0,-0c0,-1.571 -1.273,-2.844 -2.843,-2.844Zm3.724,10.51c0.712,-0 1.29,0.577 1.29,1.289l-0,17.117c-0,0.796 -0.316,1.558 -0.879,2.121c-0.562,0.562 -1.325,0.878 -2.121,0.878l-32.056,0c-0.795,0 -1.558,-0.316 -2.12,-0.878c-0.563,-0.563 -0.879,-1.325 -0.879,-2.121l0,-17.117c0,-0.712 0.578,-1.289 1.29,-1.289l35.475,-0Z"/></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 163 163" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M134.568,43.934c4.426,-4.425 4.426,-11.612 0,-16.038c-4.425,-4.425 -11.612,-4.425 -16.038,0l-37.28,37.316l-37.316,-37.28c-4.425,-4.426 -11.612,-4.426 -16.038,-0c-4.425,4.425 -4.425,11.612 0,16.038l37.316,37.28l-37.28,37.316c-4.426,4.425 -4.426,11.612 -0,16.038c4.425,4.425 11.612,4.425 16.038,-0l37.28,-37.316l37.316,37.28c4.425,4.426 11.612,4.426 16.038,0c4.425,-4.425 4.425,-11.612 -0,-16.038l-37.316,-37.28l37.28,-37.316Z" style="fill-rule:nonzero;"/></svg>

After

Width:  |  Height:  |  Size: 911 B

View File

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 6929 1035" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(0.980383,0,0,1,0,0)">
<rect id="ArtBoard1" x="0" y="0" width="7067" height="1035" style="fill:none;"/>
<g>
<clipPath id="_clip1">
<rect x="0" y="0" width="7067" height="1035"/>
</clipPath>
<g clip-path="url(#_clip1)">
<g transform="matrix(1.02001,0,0,1,0,0)">
<rect x="-0" y="0" width="7066.93" height="1034.07" style="fill:none;"/>
</g>
<g transform="matrix(1.02001,0,0,1,-55.1949,-304.466)">
<g>
<clipPath id="_clip2">
<rect x="54.112" y="304.466" width="7066.93" height="1034.07"/>
</clipPath>
<g clip-path="url(#_clip2)">
<g transform="matrix(1,0,0,1,54.1122,304.466)">
<path d="M1476.45,534.162L1761.82,1034.53L1191.08,1034.53L1476.45,534.162ZM285.485,534.162L570.859,1034.53L0.112,1034.53L285.485,534.162ZM1174.57,0.465L1459.94,500.833L889.195,500.833L1174.57,0.465ZM587.119,0.465L872.493,500.833L301.746,500.833L587.119,0.465ZM1174.62,1021.98L889.242,521.613L1459.99,521.613L1174.62,1021.98ZM587.318,1021.98L301.945,521.613L872.691,521.613L587.318,1021.98ZM2067.39,819.156L2170.37,265.318L2292.33,265.318L2282.33,317.302C2330.32,270.316 2373.31,252.321 2438.29,252.321C2515.26,252.321 2558.25,277.314 2585.24,338.296C2641.23,278.314 2700.21,252.321 2778.19,252.321C2865.16,252.321 2929.14,286.311 2953.14,345.294C2961.14,366.288 2965.13,392.281 2965.13,422.272C2965.13,445.265 2962.13,471.258 2957.14,499.25L2898.15,819.156L2765.19,819.156L2821.18,515.245C2825.17,492.252 2828.17,473.257 2828.17,457.262C2828.17,434.268 2824.18,418.273 2815.18,406.277C2801.18,385.283 2775.19,374.286 2743.2,374.286C2700.21,374.286 2663.22,394.28 2638.23,430.27C2621.23,455.262 2611.24,486.253 2600.24,546.236L2549.25,819.156L2416.29,819.156L2472.28,515.245C2476.28,492.252 2479.28,473.257 2479.28,457.262C2479.28,435.268 2475.28,419.273 2467.28,407.276C2453.28,386.282 2425.29,374.286 2391.3,374.286C2344.31,374.286 2307.33,395.28 2284.33,434.268C2271.34,456.262 2261.34,493.251 2251.34,546.236L2200.36,819.156L2067.39,819.156ZM3665.93,265.318L3562.96,819.156L3440.99,819.156L3453.99,747.177C3390.01,808.16 3333.03,832.153 3255.05,832.153C3114.09,832.153 3023.12,740.179 3023.12,605.219C3023.12,585.225 3025.12,565.23 3029.12,544.236C3060.11,375.286 3201.07,252.321 3365.02,252.321C3444.99,252.321 3494.98,278.314 3529.97,339.296L3543.97,265.318L3665.93,265.318ZM3354.02,374.286C3261.05,374.286 3181.07,447.265 3162.08,547.236C3160.08,559.232 3159.08,571.229 3159.08,582.225C3159.08,659.203 3211.06,710.188 3296.04,710.188C3392.01,710.188 3469.99,643.208 3487.98,544.236C3489.98,531.24 3491.98,519.244 3491.98,507.247C3491.98,427.27 3438,374.286 3354.02,374.286ZM3670.93,819.156L3807.89,80.371L3940.85,80.371L3857.87,526.242L4083.81,265.318L4242.76,265.318L3993.83,536.239L4171.78,819.156L3992.84,819.156L3851.88,560.232L3803.89,819.156L3670.93,819.156ZM4774.61,601.22L4345.73,601.22C4349.73,668.2 4399.72,710.188 4478.69,710.188C4533.68,710.188 4569.67,695.193 4610.65,655.204L4755.61,655.204C4741.62,683.196 4723.62,706.189 4697.63,732.182C4626.65,800.162 4550.67,832.153 4459.7,832.153C4309.74,832.153 4207.77,733.181 4207.77,597.221C4207.77,580.226 4209.77,562.231 4212.77,544.236C4242.76,381.284 4395.72,252.321 4558.67,252.321C4702.63,252.321 4795.6,348.293 4795.6,487.253C4795.6,507.247 4793.6,528.241 4789.6,550.235C4785.6,570.229 4782.61,582.225 4774.61,601.22ZM4363.73,484.254L4670.64,484.254C4666.64,413.275 4619.65,374.286 4537.68,374.286C4458.7,374.286 4397.72,412.275 4363.73,484.254ZM4787.6,1004.1L4924.56,265.318L5046.53,265.318L5034.53,330.299C5086.52,279.313 5155.5,252.321 5230.48,252.321C5370.43,252.321 5459.41,344.295 5459.41,478.256C5459.41,498.25 5457.41,519.244 5453.41,540.238C5422.42,708.189 5282.46,832.153 5122.51,832.153C5054.53,832.153 5007.54,812.158 4964.55,767.172L4920.57,1004.1L4787.6,1004.1ZM5187.49,374.286C5097.51,374.286 5015.54,447.265 4997.54,544.236C4995.54,555.233 4994.54,566.23 4994.54,577.227C4994.54,654.204 5048.53,710.188 5129.5,710.188C5218.48,710.188 5301.45,637.209 5318.45,543.237C5320.45,531.24 5322.45,518.244 5322.45,507.247C5322.45,429.27 5269.46,374.286 5187.49,374.286ZM6145.21,265.318L6042.24,819.156L5920.27,819.156L5933.27,747.177C5869.29,808.16 5812.31,832.153 5734.33,832.153C5593.37,832.153 5502.4,740.179 5502.4,605.219C5502.4,585.225 5504.4,565.23 5508.39,544.236C5539.39,375.286 5680.34,252.321 5844.3,252.321C5924.27,252.321 5974.26,278.314 6009.25,339.296L6023.24,265.318L6145.21,265.318ZM5833.3,374.286C5740.33,374.286 5660.35,447.265 5641.36,547.236C5639.36,559.232 5638.36,571.229 5638.36,582.225C5638.36,659.203 5690.34,710.188 5775.32,710.188C5871.29,710.188 5949.27,643.208 5967.26,544.236C5969.26,531.24 5971.26,519.244 5971.26,507.247C5971.26,427.27 5917.28,374.286 5833.3,374.286ZM6844.01,80.371L6707.05,819.156L6585.08,819.156L6598.08,747.177C6533.1,807.16 6475.11,832.153 6400.13,832.153C6262.17,832.153 6170.2,735.181 6170.2,600.22C6170.2,581.226 6172.2,561.231 6176.2,541.237C6207.19,375.286 6352.15,245.323 6507.1,245.323C6577.08,245.323 6637.07,271.316 6668.06,314.303L6711.04,80.371L6844.01,80.371ZM6502.11,367.288C6412.13,367.288 6328.15,441.266 6310.16,537.238C6308.16,549.235 6307.16,560.232 6307.16,571.229C6307.16,651.205 6362.15,710.188 6443.12,710.188C6533.1,710.188 6618.07,635.21 6636.07,540.238C6638.07,527.241 6639.07,515.245 6639.07,503.248C6639.07,422.272 6586.08,367.288 6502.11,367.288Z" style="fill:white;"/>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.1 KiB

View File

@ -6,6 +6,7 @@ live_design! {
import crate::widgets::renderer::IRenderer; import crate::widgets::renderer::IRenderer;
import makepad_draw::shader::std::*; import makepad_draw::shader::std::*;
import crate::widgets::selector_modal::SelectorItem;
HELLO = "Hello, World!"; HELLO = "Hello, World!";
@ -127,6 +128,10 @@ live_design! {
<H4>{ text: "Input"} <H4>{ text: "Input"}
<SelectorItem> {
text: "Selector Item"
}
<Group> { <Group> {
<ButtonGroup> { <ButtonGroup> {

View File

@ -1,9 +1,12 @@
use makepad_widgets::*; use makepad_widgets::*;
live_design! { live_design! {
import makepad_draw::shader::std::*;
import makepad_widgets::base::*; import makepad_widgets::base::*;
import makepad_widgets::theme_desktop_dark::*; import makepad_widgets::theme_desktop_dark::*;
ICO_SEARCH = dep("crate://self/resources/icons/Icon_Search.svg")
SelectorModal = <Modal> { SelectorModal = <Modal> {
content: { content: {
height: 600, height: 600,
@ -41,4 +44,106 @@ live_design! {
} }
} }
SelectorItem = {{SelectorItem}} {
height: Fit
width: Fit
draw_bg: {
fn pixel(self) -> vec4 {
return mix(#7,#4,self.pos.y);
}
}
draw_label: {
color: #f0f0f0
text_style: <THEME_FONT_BOLD> {
font_size: 8
}
}
draw_icon: {
// svg_file: ICO_SEARCH,
svg_file: dep("crate://self/resources/logo_makepad.svg")
fn get_color(self) -> vec4 {
return (THEME_COLOR_D_1)
}
}
icon_walk: {width: 250.0, height: Fit}
}
} }
#[derive(Live, Widget)]
pub struct SelectorModal {
#[deref]
view: View,
}
impl Widget for SelectorModal {
fn draw_walk(&mut self, cx: &mut Cx2d, scope: &mut Scope, walk: Walk) -> DrawStep {
DrawStep::done()
}
}
impl LiveHook for SelectorModal {}
#[derive(Clone, Debug, DefaultNone)]
pub enum SelectorItemAction {
Select(usize),
Unselect(usize),
None,
}
#[derive(Live, Widget)]
pub struct SelectorItem {
#[redraw]
#[live]
draw_bg: DrawQuad,
#[live]
draw_label: DrawText,
#[live]
draw_icon: DrawIcon,
#[walk]
walk: Walk,
#[live]
icon_walk: Walk,
#[rust]
selected: bool,
#[rust]
id: usize,
#[live]
pub text: ArcStringMut,
}
impl Widget for SelectorItem {
fn handle_event(&mut self, cx: &mut Cx, event: &Event, scope: &mut Scope) {
let uid = self.widget_uid();
match event.hits(cx, self.draw_bg.area()) {
Hit::FingerDown(_) => {
if self.selected {
cx.widget_action(uid, &scope.path, SelectorItemAction::Unselect(self.id));
self.selected = false;
self.draw_bg
.draw_vars
.set_var_instance(cx, id!(bg_color), &[]);
} else {
cx.widget_action(uid, &scope.path, SelectorItemAction::Select(self.id));
self.selected = true;
}
}
_ => {}
}
}
fn draw_walk(&mut self, cx: &mut Cx2d, scope: &mut Scope, walk: Walk) -> DrawStep {
self.draw_bg.begin(cx, walk, Layout::default());
self.draw_icon.draw_walk(cx, self.icon_walk);
self.draw_label
.draw_walk(cx, walk, Align::default(), self.text.as_ref());
self.draw_bg.end(cx);
DrawStep::done()
}
}
impl SelectorItem {}
impl LiveHook for SelectorItem {}