kitchen-simulator 5.0.0-test.7 → 5.0.0-test.70

package/src/assets/img/svg/bottombar/incm_toggle.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW 2020 (64-Bit) -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="0.291232in" height="0.133335in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 76.9 35.21"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <font id="FontID0" horiz-adv-x="683" font-variant="normal" style="fill-rule:nonzero" font-weight="700">
+	<font-face
+		font-family="Proxima Nova Rg">
+		<font-face-src>
+			<font-face-name name="Proxima Nova Bold"/>
+		</font-face-src>
+	</font-face>
+   <missing-glyph><path d="M0 0z"/></missing-glyph>
+   <glyph unicode="2" horiz-adv-x="600" d="M549.017 0l0 124.976 -271.995 0c172.994,126.007 266.967,225.008 266.967,339.027 0,132.968 -112.987,213.02 -254.979,213.02 -93.0068,0 -192.008,-34.0316 -257.042,-108.991l81.0184 -94.038c44.9887,46.9868 102.997,77.0222 178.988,77.0222 55.0435,0 108.024,-29.0042 108.024,-87.0126 0,-81.9852 -79.9871,-151.015 -353.013,-353.013l0 -110.989 502.03 0z"/>
+   <glyph unicode="3" horiz-adv-x="586" d="M283.016 -11.9884c159.974,0 262.971,81.0184 262.971,196.004 0,99.9678 -87.9794,153.013 -155.978,159.974 73.9929,13.0197 145.988,67.9987 145.988,151.982 0,111.054 -95.9716,181.051 -252.014,181.051 -116.984,0 -200.967,-45.0532 -254.979,-106.026l70.9636 -89.0106c47.0512,44.9887 105.06,69.03 169.062,69.03 69.9968,0 123.945,-26.0393 123.945,-79.0203 0,-48.9849 -48.9849,-70.9636 -122.978,-70.9636 -25.0081,0 -71.028,0 -83.0164,0.966806l0 -128.005c9.99033,1.03126 55.0435,1.99807 83.0164,1.99807 93.0068,0 133.999,-23.9768 133.999,-77.0222 0,-49.9517 -44.9887,-84.95 -126.007,-84.95 -64.9694,0 -137.995,27.9729 -184.015,75.991l-73.9929 -95.0048c49.0493,-60.0064 139.994,-106.993 263.036,-106.993z"/>
+   <glyph unicode="D" horiz-adv-x="718" d="M328.972 0c209.024,0 354.044,132.001 354.044,332.968 0,201.031 -145.021,334.064 -354.044,334.064l-262.971 0 0 -667.032 262.971 0zm0 124.976l-120.98 0 0 417.016 120.98 0c137.029,0 209.024,-91.0087 209.024,-209.024 0,-112.987 -77.0222,-207.992 -209.024,-207.992z"/>
+  </font>
+  <style type="text/css">
+   <![CDATA[
+    @font-face { font-family:"Proxima Nova Rg";font-variant:normal;font-weight:bold;src:url("#FontID0") format(svg)}
+    .fil1 {fill:#494949}
+    .fil0 {fill:#EBFAF9;fill-opacity:0.800000}
+    .fnt0 {font-weight:bold;font-size:16.13px;font-family:'Proxima Nova Rg'}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <path class="fil0" d="M17.6 0l41.69 0c9.68,0 17.6,7.92 17.6,17.6l0 0c0,9.68 -7.92,17.6 -17.6,17.6l-41.69 0c-9.68,0 -17.6,-7.92 -17.6,-17.6l0 -0c0,-9.68 7.92,-17.6 17.6,-17.6z"/>
+  <g id="_1995291845664">
+   <text x="47.85" y="22.97"  class="fil1 fnt0">cm</text>
+   <text x="8.06" y="22.97"  class="fil1 fnt0">i</text>
+   <text x="17.73" y="22.97"  class="fil1 fnt0">n</text>
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/bottombar/pan_1.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW 2020 (64-Bit) -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="0.681488in" height="0.0941457in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 587.98 81.23"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <font id="FontID0" horiz-adv-x="683" font-variant="normal" style="fill-rule:nonzero" font-weight="700">
+	<font-face 
+		font-family="Proxima Nova Rg">
+		<font-face-src>
+			<font-face-name name="Proxima Nova Bold"/>
+		</font-face-src>
+	</font-face>
+   <missing-glyph><path d="M0 0z"/></missing-glyph>
+   <glyph unicode="P" horiz-adv-x="623" d="M207.992 0l0 236.996 170.029 0c143.99,0 223.977,99.001 223.977,215.018 0,116.984 -79.0203,215.018 -223.977,215.018l-312.021 0 0 -667.032 141.992 0zm151.015 361.972l-151.015 0 0 180.019 151.015 0c56.0103,0 97.9697,-33.9671 97.9697,-89.9774 0,-55.0435 -41.9594,-90.0419 -97.9697,-90.0419z"/>
+   <glyph unicode="a" horiz-adv-x="543" d="M479.987 0l0 312.021c0,138.962 -100.999,182.984 -210.957,182.984 -76.0554,0 -152.046,-23.9768 -211.022,-75.991l48.018 -85.0145c40.9926,38.0277 88.9462,56.9771 140.96,56.9771 64.0026,0 106.026,-31.9691 106.026,-80.9539l0 -65.0338c-32.0335,38.0277 -89.0106,59.0396 -153.013,59.0396 -77.0222,0 -168.031,-43.0551 -168.031,-156.043 0,-107.96 91.0087,-159.974 168.031,-159.974 62.9713,0 120.013,23.01 153.013,62.0045l0 -50.0161 126.974 0zm-229.004 73.9929c-49.9517,0 -91.0087,25.9749 -91.0087,71.028 0,46.9868 41.057,72.9617 91.0087,72.9617 40.9926,0 81.0184,-13.9865 102.03,-41.9594l0 -60.0064c-21.0119,-28.0374 -61.0377,-42.0238 -102.03,-42.0238z"/>
+   <glyph unicode="n" horiz-adv-x="578" d="M516.017 0l0 341.025c0,93.9736 -51.0474,153.98 -157.009,153.98 -79.0203,0 -137.995,-38.0277 -168.998,-75.0242l0 63.0358 -127.038 0 0 -483.016 127.038 0 0 324.976c21.0119,29.0042 60.0064,57.0416 109.958,57.0416 54.0122,0 89.0106,-23.01 89.0106,-90.0419l0 -291.976 127.038 0z"/>
+  </font>
+  <style type="text/css">
+   <![CDATA[
+    @font-face { font-family:"Proxima Nova Rg";font-variant:normal;font-weight:bold;src:url("#FontID0") format(svg)}
+    .str0 {stroke:white;stroke-width:4.89;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.61313}
+    .fil2 {fill:none}
+    .fil0 {fill:#096E9C}
+    .fil1 {fill:white}
+    .fnt0 {font-weight:bold;font-size:52.7px;font-family:'Proxima Nova Rg'}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_2802832402432">
+   <path class="fil0" d="M38.27 0l511.44 0c21.05,0 38.27,17.23 38.27,38.27l0 42.96 -587.98 0 0 -42.96c0,-21.05 17.22,-38.27 38.27,-38.27z"/>
+   <text x="248.43" y="60.08"  class="fil1 fnt0">Pan</text>
+   <g>
+    <g>
+     <line class="fil2 str0" x1="51.67" y1="16.59" x2="51.67" y2= "69.05" />
+     <line class="fil2 str0" x1="51.67" y1="16.59" x2="43.54" y2= "25.43" />
+     <line class="fil2 str0" x1="51.67" y1="16.59" x2="59.79" y2= "25.43" />
+     <g>
+      <line class="fil2 str0" x1="51.67" y1="69.05" x2="43.54" y2= "60.22" />
+      <line class="fil2 str0" x1="51.67" y1="69.05" x2="59.79" y2= "60.22" />
+     </g>
+    </g>
+    <line class="fil2 str0" x1="25.44" y1="42.82" x2="77.9" y2= "42.82" />
+    <line class="fil2 str0" x1="25.44" y1="42.82" x2="34.27" y2= "50.95" />
+    <line class="fil2 str0" x1="25.44" y1="42.82" x2="34.27" y2= "34.69" />
+    <g>
+     <line class="fil2 str0" x1="77.9" y1="42.82" x2="69.07" y2= "50.95" />
+     <line class="fil2 str0" x1="77.9" y1="42.82" x2="69.07" y2= "34.69" />
+    </g>
+   </g>
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/bottombar/pan_2.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW 2020 (64-Bit) -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="0.160071in" height="0.155728in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 32.44 31.56"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .str0 {stroke:#494949;stroke-width:1.41;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.61313}
+    .fil1 {fill:none}
+    .fil0 {fill:white;fill-opacity:0.800000}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_2802895462720">
+   <path class="fil0" d="M32.44 31.56l-23.45 0c-4.94,0 -8.99,-4.05 -8.99,-8.99l0 -22.57 32.44 0 0 31.56z"/>
+   <g>
+    <line class="fil1 str0" x1="14.45" y1="15.78" x2="17.99" y2= "12.24" />
+    <line class="fil1 str0" x1="14.45" y1="15.78" x2="17.99" y2= "19.32" />
+   </g>
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/bottombar/pan_3.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW 2020 (64-Bit) -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="0.157429in" height="0.155728in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 56.49 55.88"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .str0 {stroke:#494949;stroke-width:2.49;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.61313}
+    .fil1 {fill:none}
+    .fil0 {fill:white;fill-opacity:0.800000}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_2802836732592">
+   <polygon class="fil0" points="56.49,55.88 -0,55.88 -0,0 56.49,0 "/>
+   <g>
+    <line class="fil1 str0" x1="31.38" y1="27.94" x2="25.11" y2= "21.68" />
+    <line class="fil1 str0" x1="31.38" y1="27.94" x2="25.11" y2= "34.21" />
+   </g>
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/bottombar/pan_4.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW 2020 (64-Bit) -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="0.157429in" height="0.155728in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 266.83 263.95"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .str0 {stroke:#494949;stroke-width:11.75;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.61313}
+    .fil1 {fill:none}
+    .fil0 {fill:white;fill-opacity:0.800000}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_2802829793776">
+   <polygon class="fil0" points="266.83,263.95 -0,263.95 -0,0 266.83,0 "/>
+   <g>
+    <line class="fil1 str0" x1="133.43" y1="117.17" x2="163.01" y2= "146.79" />
+    <line class="fil1 str0" x1="133.44" y1="117.18" x2="103.83" y2= "146.77" />
+   </g>
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/bottombar/pan_5.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW 2020 (64-Bit) -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="0.160071in" height="0.155728in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 101.29 98.54"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .str0 {stroke:#494949;stroke-width:4.39;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.61313}
+    .fil1 {fill:none}
+    .fil0 {fill:white;fill-opacity:0.800000}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_2802907554496">
+   <path class="fil0" d="M101.29 0l0 70.47c0,15.44 -12.63,28.07 -28.07,28.07l-73.22 0 0 -98.54 101.29 0z"/>
+   <g>
+    <line class="fil1 str0" x1="50.65" y1="54.8" x2="61.69" y2= "43.74" />
+    <line class="fil1 str0" x1="50.65" y1="54.79" x2="39.6" y2= "43.75" />
+   </g>
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/bottombar/settings.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW 2020 (64-Bit) -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="0.133339in" height="0.133339in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 21.26 21.26"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil1 {fill:#494949}
+    .fil0 {fill:white;fill-opacity:0.800000}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_1995302310832">
+   <path class="fil0" d="M10.63 0c5.87,0 10.63,4.76 10.63,10.63 0,5.87 -4.76,10.63 -10.63,10.63 -5.87,0 -10.63,-4.76 -10.63,-10.63 0,-5.87 4.76,-10.63 10.63,-10.63z"/>
+   <path class="fil1" d="M16.52 8.75c0.66,0 1.19,0.53 1.19,1.19l0 1.39c0,0.65 -0.53,1.19 -1.19,1.19l-0.38 0c-0.08,0 -0.16,0.05 -0.19,0.13 -0.04,0.11 -0.09,0.22 -0.14,0.33 -0.03,0.08 -0.02,0.16 0.04,0.22l0.27 0.27c0.46,0.46 0.46,1.21 0,1.68l-0.98 0.98c-0.46,0.46 -1.21,0.46 -1.68,0l-0.27 -0.27c-0.06,-0.06 -0.15,-0.08 -0.22,-0.04 -0.11,0.05 -0.22,0.1 -0.34,0.14 -0.08,0.03 -0.13,0.1 -0.13,0.18l0 0.38c0,0.66 -0.53,1.19 -1.19,1.19l-1.39 0c-0.65,0 -1.19,-0.53 -1.19,-1.19l0 -0.38c0,-0.08 -0.05,-0.16 -0.13,-0.19 -0.11,-0.04 -0.22,-0.09 -0.33,-0.14 -0.08,-0.03 -0.17,-0.02 -0.22,0.04l-0.27 0.27c-0.46,0.46 -1.21,0.46 -1.68,0l-0.98 -0.98c-0.46,-0.46 -0.46,-1.21 0,-1.68l0.27 -0.27c0.06,-0.06 0.08,-0.15 0.04,-0.22 -0.05,-0.11 -0.1,-0.22 -0.14,-0.34 -0.03,-0.08 -0.1,-0.13 -0.18,-0.13l-0.38 0c-0.66,0 -1.19,-0.53 -1.19,-1.19l0 -1.39c0,-0.65 0.53,-1.19 1.19,-1.19l0.38 0c0.08,0 0.16,-0.05 0.19,-0.13 0.04,-0.11 0.09,-0.23 0.14,-0.34 0.03,-0.08 0.02,-0.16 -0.04,-0.22l-0.27 -0.27c-0.46,-0.46 -0.46,-1.21 0,-1.68l0.98 -0.98c0.46,-0.46 1.21,-0.46 1.68,-0l0.27 0.27c0.06,0.06 0.15,0.08 0.22,0.04 0.11,-0.05 0.22,-0.1 0.34,-0.14 0.08,-0.03 0.13,-0.1 0.13,-0.18l0 -0.38c0,-0.66 0.53,-1.19 1.19,-1.19l1.39 0c0.65,0 1.19,0.53 1.19,1.19l0 0.38c0,0.08 0.05,0.16 0.13,0.19 0.11,0.04 0.22,0.09 0.33,0.14 0.08,0.03 0.16,0.02 0.22,-0.04l0.27 -0.27c0.46,-0.46 1.21,-0.46 1.68,0l0.98 0.98c0.46,0.46 0.46,1.21 0,1.68l-0.27 0.27c-0.06,0.06 -0.08,0.15 -0.04,0.22 0.05,0.11 0.1,0.22 0.14,0.34 0.03,0.08 0.1,0.13 0.18,0.13l0.38 0zm-5.89 -1.81c1.02,0 1.94,0.41 2.61,1.08 0.67,0.67 1.08,1.59 1.08,2.61 0,1.02 -0.41,1.94 -1.08,2.6 -0.67,0.67 -1.59,1.08 -2.61,1.08 -1.02,0 -1.94,-0.41 -2.61,-1.08 -0.67,-0.67 -1.08,-1.59 -1.08,-2.61 0,-1.02 0.41,-1.94 1.08,-2.61 0.67,-0.67 1.59,-1.08 2.61,-1.08zm1.86 1.83c-0.48,-0.47 -1.13,-0.77 -1.86,-0.77 -0.72,0 -1.38,0.29 -1.85,0.77 -0.47,0.47 -0.77,1.13 -0.77,1.85 0,0.72 0.29,1.38 0.77,1.85 0.47,0.48 1.13,0.77 1.85,0.77 0.73,0 1.38,-0.29 1.85,-0.77 0.48,-0.47 0.77,-1.13 0.77,-1.86 0,-0.73 -0.29,-1.38 -0.77,-1.85zm4.24 2.55l0 -1.39c0,-0.11 -0.09,-0.2 -0.2,-0.2l-0.38 0c-0.49,0 -0.93,-0.31 -1.11,-0.76 -0.04,-0.09 -0.07,-0.19 -0.12,-0.28 -0.2,-0.45 -0.11,-0.98 0.24,-1.33l0.27 -0.27c0.08,-0.08 0.08,-0.21 0,-0.28l-0.98 -0.98c-0.08,-0.08 -0.21,-0.08 -0.28,0l-0.27 0.27c-0.35,0.35 -0.88,0.44 -1.33,0.24 -0.09,-0.04 -0.18,-0.08 -0.28,-0.12 -0.46,-0.18 -0.76,-0.62 -0.76,-1.11l0 -0.38c0,-0.11 -0.09,-0.2 -0.2,-0.2l-1.39 0c-0.11,0 -0.2,0.09 -0.2,0.2l0 0.38c0,0.49 -0.31,0.93 -0.77,1.11 -0.09,0.04 -0.19,0.07 -0.28,0.12 -0.45,0.2 -0.98,0.11 -1.33,-0.24l-0.27 -0.27c-0.08,-0.08 -0.21,-0.08 -0.28,0l-0.98 0.98c-0.08,0.08 -0.08,0.21 0,0.28l0.27 0.27c0.35,0.35 0.44,0.88 0.24,1.33 -0.04,0.09 -0.08,0.18 -0.12,0.28 -0.18,0.46 -0.62,0.76 -1.11,0.76l-0.38 0c-0.11,0 -0.2,0.09 -0.2,0.2l0 1.39c0,0.11 0.09,0.2 0.2,0.2l0.38 0c0.49,0 0.93,0.31 1.11,0.77 0.04,0.09 0.07,0.19 0.12,0.28 0.2,0.45 0.11,0.98 -0.24,1.33l-0.27 0.27c-0.08,0.08 -0.08,0.21 0,0.28l0.98 0.98c0.08,0.08 0.21,0.08 0.28,0l0.27 -0.27c0.35,-0.35 0.88,-0.44 1.33,-0.24 0.09,0.04 0.18,0.08 0.28,0.12 0.46,0.18 0.76,0.62 0.76,1.11l0 0.38c0,0.11 0.09,0.2 0.2,0.2l1.39 0c0.11,0 0.2,-0.09 0.2,-0.2l0 -0.38c0,-0.49 0.31,-0.93 0.76,-1.11 0.09,-0.04 0.19,-0.07 0.28,-0.12 0.45,-0.2 0.98,-0.11 1.33,0.24l0.27 0.27c0.08,0.08 0.21,0.08 0.28,0l0.98 -0.98c0.08,-0.08 0.08,-0.21 0,-0.28l-0.27 -0.27c-0.35,-0.35 -0.44,-0.88 -0.24,-1.33 0.04,-0.09 0.08,-0.18 0.12,-0.28 0.18,-0.46 0.62,-0.76 1.11,-0.76l0.38 0c0.11,0 0.2,-0.09 0.2,-0.2z"/>
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/bottombar/spin-down.svg

@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="12.5"
+   height="19.5"
+   id="svg3012"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="New document 3">
+  <defs
+     id="defs3014" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.197802"
+     inkscape:cx="16"
+     inkscape:cy="16"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:window-width="751"
+     inkscape:window-height="611"
+     inkscape:window-x="695"
+     inkscape:window-y="227"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata3017">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     transform="translate(0,-12.5)">
+    <g
+       style="fill:none"
+       id="g3034"
+       transform="translate(-683.75,-729.75)">
+      <g
+         id="g3022"
+         clip-path="url(#clip19_0_1)">
+        <path
+           id="path3024"
+           d="m 688.172,757 c 0.718,2.414 1.94,4 3.328,4 2.21,0 4,-4.03 4,-9 0,-4.97 -1.79,-9 -4,-9 -2.21,0 -4,4.03 -4,9"
+           inkscape:connector-curvature="0"
+           style="stroke:#4c12a1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
+        <path
+           id="path3026"
+           d="m 690.5,749 -3,3 -3,-3"
+           inkscape:connector-curvature="0"
+           style="stroke:#4c12a1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
+      </g>
+    </g>
+  </g>
+</svg>

package/src/assets/img/svg/bottombar/spin-left.svg

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="19.5"
+   height="12.5"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="New document 1">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.839192"
+     inkscape:cx="10.543469"
+     inkscape:cy="9.5393092"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="840"
+     inkscape:window-height="647"
+     inkscape:window-x="641"
+     inkscape:window-y="259"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1039.8622)">
+    <g
+       style="fill:none"
+       id="g2999"
+       transform="translate(-629.75,279.6122)">
+      <g
+         id="g2987"
+         clip-path="url(#clip18_0_1)">
+        <path
+           id="path2989"
+           d="m 634.5,764.672 c -2.414,0.718 -4,1.94 -4,3.328 0,2.21 4.03,4 9,4 4.97,0 9,-1.79 9,-4 0,-2.21 -4.03,-4 -9,-4"
+           inkscape:connector-curvature="0"
+           style="stroke:#4c12a1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
+        <path
+           id="path2991"
+           d="m 642.5,767 -3,-3 3,-3"
+           inkscape:connector-curvature="0"
+           style="stroke:#4c12a1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
+      </g>
+    </g>
+  </g>
+</svg>

package/src/assets/img/svg/bottombar/spin-right.svg

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="19.5"
+   height="12.5"
+   id="svg3004"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="New document 2">
+  <defs
+     id="defs3006" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="9.8994949"
+     inkscape:cx="63.9386"
+     inkscape:cy="10.50419"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata3009">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1039.8622)">
+    <g
+       style="fill:none"
+       id="g3026"
+       transform="translate(-629.75,308.6122)">
+      <g
+         id="g3014"
+         clip-path="url(#clip17_0_1)">
+        <path
+           id="path3016"
+           d="m 644.5,739.328 c 2.414,-0.718 4,-1.94 4,-3.328 0,-2.21 -4.03,-4 -9,-4 -4.97,0 -9,1.79 -9,4 0,2.21 4.03,4 9,4"
+           inkscape:connector-curvature="0"
+           style="stroke:#4c12a1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
+        <path
+           id="path3018"
+           d="m 636.5,737 3,3 -3,3"
+           inkscape:connector-curvature="0"
+           style="stroke:#4c12a1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
+      </g>
+    </g>
+  </g>
+</svg>

package/src/assets/img/svg/bottombar/spin-up.svg

@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="12.5"
+   height="19.5"
+   id="svg2985"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="New document 2">
+  <defs
+     id="defs2987" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.197802"
+     inkscape:cx="16"
+     inkscape:cy="16"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:window-width="1027"
+     inkscape:window-height="652"
+     inkscape:window-x="130"
+     inkscape:window-y="130"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata2990">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     transform="translate(0,-12.5)">
+    <g
+       style="fill:none"
+       id="g3007"
+       transform="translate(-542.75,-689.75)">
+      <g
+         id="g2995"
+         clip-path="url(#clip16_115_320272)">
+        <path
+           id="path2997"
+           d="m 550.828,707 c -0.718,-2.414 -1.94,-4 -3.328,-4 -2.21,0 -4,4.03 -4,9 0,4.97 1.79,9 4,9 2.21,0 4,-4.03 4,-9"
+           inkscape:connector-curvature="0"
+           style="stroke:#4c12a1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
+        <path
+           id="path2999"
+           d="m 548.5,715 3,-3 3,3"
+           inkscape:connector-curvature="0"
+           style="stroke:#4c12a1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
+      </g>
+    </g>
+  </g>
+</svg>

package/src/assets/img/svg/bottombar/spin_1.svg

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW 2020 (64-Bit) -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="0.681488in" height="0.0941457in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 679.14 93.82"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <font id="FontID0" horiz-adv-x="683" font-variant="normal" style="fill-rule:nonzero" font-style="normal" font-weight="700">
+	<font-face 
+		font-family="Proxima Nova Rg">
+		<font-face-src>
+			<font-face-name name="Proxima Nova Bold"/>
+		</font-face-src>
+	</font-face>
+   <missing-glyph><path d="M0 0z"/></missing-glyph>
+   <glyph unicode="S" horiz-adv-x="600" d="M302.997 -11.9884c180.019,0 267.032,91.9755 267.032,213.986 0,248.985 -383.049,178.021 -383.049,283.983 0,40.0258 34.0316,67.0319 95.0048,67.0319 67.9987,0 139.994,-23.01 194.006,-73.0261l79.0203 104.028c-66.0006,60.9733 -153.98,93.0068 -260.006,93.0068 -157.009,0 -252.981,-92.04 -252.981,-203.029 0,-250.983 383.951,-169.965 383.951,-287.979 0,-38.0277 -37.9633,-73.9929 -115.952,-73.9929 -92.04,0 -165.002,40.9926 -212.053,89.9774l-76.9578 -108.024c62.0045,-62.9713 153.98,-105.962 281.985,-105.962z"/>
+   <glyph unicode="i" horiz-adv-x="252" d="M126.007 535.031c42.0238,0 75.991,33.9671 75.991,75.991 0,41.9594 -33.9671,74.9597 -75.991,74.9597 -40.9926,0 -75.991,-33.0003 -75.991,-74.9597 0,-42.0238 34.9984,-75.991 75.991,-75.991zm64.0026 -535.031l0 483.016 -127.038 0 0 -483.016 127.038 0z"/>
+   <glyph unicode="n" horiz-adv-x="578" d="M516.017 0l0 341.025c0,93.9736 -51.0474,153.98 -157.009,153.98 -79.0203,0 -137.995,-38.0277 -168.998,-75.0242l0 63.0358 -127.038 0 0 -483.016 127.038 0 0 324.976c21.0119,29.0042 60.0064,57.0416 109.958,57.0416 54.0122,0 89.0106,-23.01 89.0106,-90.0419l0 -291.976 127.038 0z"/>
+   <glyph unicode="p" horiz-adv-x="582" d="M339.027 -11.9884c123.945,0 213.986,93.0068 213.986,254.012 0,161.005 -90.0419,252.981 -213.986,252.981 -59.0396,0 -112.021,-25.9749 -149.017,-73.0261l0 61.0377 -127.038 0 0 -667.032 127.038 0 0 246.02c38.9945,-50.0161 91.9755,-73.9929 149.017,-73.9929zm-40.0258 112.987c-40.9926,0 -87.9794,25.0081 -108.991,54.9791l0 170.996c21.0119,31.0023 67.9987,55.0435 108.991,55.0435 73.0261,0 122.011,-57.0416 122.011,-139.994 0,-84.0477 -48.9849,-141.025 -122.011,-141.025z"/>
+  </font>
+  <style type="text/css">
+   <![CDATA[
+    @font-face { font-family:"Proxima Nova Rg";font-variant:normal;font-style:normal;font-weight:bold;src:url("#FontID0") format(svg)}
+    .str1 {stroke:white;stroke-width:5.65;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.61313}
+    .str0 {stroke:white;stroke-width:6.91;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.61313}
+    .fil2 {fill:none}
+    .fil0 {fill:#096E9C}
+    .fil1 {fill:white}
+    .fnt0 {font-weight:bold;font-size:60.87px;font-family:'Proxima Nova Rg'}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_2802909718240">
+   <path class="fil0" d="M44.21 0l590.73 0c24.31,0 44.21,19.9 44.21,44.21l0 49.62 -679.14 0 0 -49.62c0,-24.31 19.89,-44.21 44.21,-44.21z"/>
+   <text x="278.15" y="69.4"  class="fil1 fnt0">Spin</text>
+   <g>
+    <path class="fil2 str0" d="M59.51 29.43c-9.81,-9.96 -19.74,-14.05 -25.14,-10.36 -7.33,5.02 -4.03,22.6 7.39,39.28 11.41,16.68 26.61,26.13 33.94,21.11 5.75,-3.94 5.08,-15.83 -1.63,-29.47"/>
+    <g>
+     <line class="fil2 str1" x1="63.52" y1="33.78" x2="63.2" y2= "23.73" />
+     <line class="fil2 str1" x1="63.52" y1="33.78" x2="53.48" y2= "33.26" />
+    </g>
+   </g>
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/bottombar/spin_2.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW 2020 (64-Bit) -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="0.160071in" height="0.155728in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 37.47 36.45"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .str1 {stroke:#494949;stroke-width:1.33;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.61313}
+    .str0 {stroke:#494949;stroke-width:1.62;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.61313}
+    .fil1 {fill:none}
+    .fil0 {fill:white;fill-opacity:0.800000}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_2802912366976">
+   <path class="fil0" d="M37.47 36.45l-27.09 0c-5.71,0 -10.38,-4.67 -10.38,-10.38l0 -26.07 37.47 0 0 36.45z"/>
+   <g>
+    <path class="fil1 str0" d="M15.51 15.02c-3.24,0.56 -5.36,1.93 -5.37,3.47 -0.01,2.09 3.82,3.8 8.57,3.83 4.75,0.03 8.6,-1.64 8.62,-3.73 0.01,-1.64 -2.37,-3.1 -5.91,-3.63"/>
+    <g>
+     <line class="fil1 str1" x1="16.88" y1="14.83" x2="14.9" y2= "13.55" />
+     <line class="fil1 str1" x1="16.88" y1="14.83" x2="15.44" y2= "16.7" />
+    </g>
+   </g>
+  </g>
+ </g>
+</svg>