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

package/src/assets/img/svg/toolbar/style_change_button.svg

@@ -0,0 +1,47 @@
+<?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.485437in" height="0.101398in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 109.93 22.96"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <font id="FontID0" horiz-adv-x="657" font-variant="normal" style="fill-rule:nonzero" font-style="normal" font-weight="400">
+	<font-face
+		font-family="Proxima Nova Rg">
+		<font-face-src>
+			<font-face-name name="Proxima Nova Regular"/>
+		</font-face-src>
+	</font-face>
+  <missing-glyph><path d="M0 0z"/></missing-glyph>
+  <glyph unicode="C" horiz-adv-x="676" d="M394.025 -12.0182c117.95,0 197.957,56.0563 254.013,132.029l-71.0791 38.9733c-37.9432,-57.0006 -106.962,-97.004 -182.934,-97.004 -146.021,0 -257.018,113.057 -257.018,271.01 0,158.984 110.997,271.01 257.018,271.01 75.9722,0 144.991,-41.0336 182.934,-97.004l70.0489 38.9733c-52.9659,75.0279 -135.033,132.029 -252.983,132.029 -192.034,0 -343.034,-140.012 -343.034,-345.008 0,-204.996 151,-345.008 343.034,-345.008z"/>
+  <glyph unicode="D" horiz-adv-x="699" d="M306.035 0c206.971,0 342.004,143.017 342.004,332.99 0,189.029 -135.033,334.02 -342.004,334.02l-228.002 0 0 -667.01 228.002 0zm0 73.9978l-145.077 0 0 519.015 145.077 0c164.993,0 255.988,-115.976 255.988,-260.022 0,-143.017 -93.9995,-258.992 -255.988,-258.992z"/>
+  <glyph unicode="a" horiz-adv-x="526" d="M451.97 0l0 331.96c0,117.006 -84.9858,163.018 -186.969,163.018 -78.9767,0 -141.042,-26.0108 -192.978,-80.0069l34.9386 -51.9358c43.008,45.9267 90.0506,66.9585 147.996,66.9585 70.0489,0 122.071,-36.9989 122.071,-101.983l0 -87.0461c-39.0591,45.0682 -93.9995,66.0143 -160.014,66.0143 -81.9813,0 -169.027,-50.9915 -169.027,-158.984 0,-104.988 87.0461,-160.014 169.027,-160.014 64.9841,0 120.01,23.0063 160.014,67.0444l0 -55.0262 74.9421 0zm-208.001 41.9779c-69.9631,0 -118.98,44.0381 -118.98,104.988 0,62.0654 49.0171,106.018 118.98,106.018 53.0518,0 104.043,-20.0017 133.059,-60.0052l0 -90.9949c-29.0154,-40.0034 -80.0069,-60.0052 -133.059,-60.0052z"/>
+  <glyph unicode="e" horiz-adv-x="562" d="M292.987 -12.0182c78.9767,0 144.047,26.0108 192.034,73.9978l-36.0546 49.0171c-37.9432,-38.9733 -93.9995,-61.0353 -148.94,-61.0353 -104.043,0 -167.997,76.058 -174.006,167.053l391.021 0 0 18.9716c0,144.991 -86.016,258.992 -232.037,258.992 -138.038,0 -237.96,-112.971 -237.96,-252.983 0,-151 102.927,-254.013 245.944,-254.013zm150.056 284.059l-317.023 0c3.94884,73.9978 54.9403,160.958 157.953,160.958 110.052,0 158.039,-89.0205 159.069,-160.958z"/>
+  <glyph unicode="g" horiz-adv-x="574" d="M269.036 -195.982c117.95,0 229.977,49.9614 229.977,209.975l0 468.967 -75.0279 0 0 -72.9676c-38.9733,52.9659 -97.004,84.9858 -161.988,84.9858 -126.964,0 -214.954,-95.9739 -214.954,-251.009 0,-155.979 88.9347,-249.979 214.954,-249.979 67.9887,0 126.964,36.9989 161.988,86.016l0 -69.0188c0,-106.018 -74.9421,-144.991 -154.949,-144.991 -69.0188,0 -117.006,18.0273 -157.009,66.0143l-38.029 -55.9705c57.0006,-56.0563 112.971,-72.0233 195.038,-72.0233zm10.9881 255.988c-97.004,0 -155.035,78.0324 -155.035,183.964 0,107.048 58.0307,184.05 155.035,184.05 60.0052,0 117.95,-36.0546 143.961,-78.0324l0 -211.005c-26.0108,-41.9779 -83.9557,-78.9767 -143.961,-78.9767z"/>
+  <glyph unicode="i" horiz-adv-x="224" d="M112.027 551.979c27.9852,0 50.9915,22.062 50.9915,50.0472 0,27.9852 -23.0063,50.9915 -50.9915,50.9915 -27.0409,0 -50.0472,-23.0063 -50.0472,-50.9915 0,-27.9852 23.0063,-50.0472 50.0472,-50.0472zm37.9432 -551.979l0 482.96 -74.9421 0 0 -482.96 74.9421 0z"/>
+  <glyph unicode="l" horiz-adv-x="224" d="M149.97 0l0 667.01 -74.9421 0 0 -667.01 74.9421 0z"/>
+  <glyph unicode="n" horiz-adv-x="551" d="M476.007 0l0 338.999c0,104.988 -52.9659,155.979 -154.005,155.979 -72.0233,0 -138.038,-41.9779 -172.032,-81.9813l0 69.9631 -74.9421 0 0 -482.96 74.9421 0 0 352.992c28.0711,38.9733 84.0415,75.0279 143.017,75.0279 64.9841,0 107.992,-27.0409 107.992,-112.027l0 -315.993 75.0279 0z"/>
+  <glyph unicode="o" horiz-adv-x="571" d="M286.033 -12.0182c146.965,0 238.99,114.001 238.99,254.013 0,140.012 -92.0251,252.983 -238.99,252.983 -147.051,0 -238.99,-112.971 -238.99,-252.983 0,-140.012 91.9392,-254.013 238.99,-254.013zm0 67.0444c-103.013,0 -161.044,87.9904 -161.044,186.969 0,98.0342 58.0307,186.025 161.044,186.025 102.927,0 159.928,-87.9904 159.928,-186.025 0,-98.9785 -57.0006,-186.969 -159.928,-186.969z"/>
+  <glyph unicode="r" horiz-adv-x="329" d="M149.97 0l0 342.004c22.062,38.9733 85.0717,77.0023 130.998,77.0023 12.0182,0 21.0318,-1.03013 30.0455,-3.00455l0 77.0023c-66.0143,0 -121.985,-36.9989 -161.044,-87.9904l0 77.9466 -74.9421 0 0 -482.96 74.9421 0z"/>
+  <glyph unicode="s" horiz-adv-x="465" d="M228.002 -12.0182c124.989,0 189.973,64.9841 189.973,146.021 0,187.999 -298.996,118.036 -298.996,223.968 0,43.008 41.0336,76.058 107.048,76.058 61.9796,0 114.945,-26.0108 143.961,-61.0353l35.0245 52.0216c-38.9733,38.9733 -97.004,69.9631 -178.985,69.9631 -115.031,0 -180.015,-63.954 -180.015,-138.982 0,-178.985 298.996,-106.962 298.996,-223.968 0,-47.987 -40.0034,-83.0114 -114.001,-83.0114 -66.0143,0 -127.05,32.0199 -158.984,69.0188l-39.0591 -53.9961c49.0171,-52.0216 116.061,-76.058 195.038,-76.058z"/>
+  <glyph unicode="t" horiz-adv-x="294" d="M197.013 -12.0182c43.9523,0 70.9932,13.0483 89.9648,30.9898l-21.9761 56.0563c-10.0438,-10.9881 -29.9597,-20.0017 -50.9915,-20.0017 -33.05,0 -49.0171,26.0108 -49.0171,61.9796l0 300.026 98.0342 0 0 65.9284 -98.0342 0 0 132.029 -75.0279 0 0 -132.029 -80.0069 0 0 -65.9284 80.0069 0 0 -315.993c0,-72.0233 36.0546,-113.057 107.048,-113.057z"/>
+  <glyph unicode="u" horiz-adv-x="551" d="M476.007 0l0 482.96 -75.0279 0 0 -354.966c-27.9852,-38.9733 -83.9557,-72.9676 -143.017,-72.9676 -64.9841,0 -107.992,24.9807 -107.992,109.967l0 317.967 -74.9421 0 0 -340.973c0,-104.988 52.9659,-154.005 154.005,-154.005 71.9375,0 134.947,38.029 171.946,80.0069l0 -67.9887 75.0279 0z"/>
+</font>
+<style type="text/css">
+  <![CDATA[
+  @font-face { font-family:"Proxima Nova Rg";font-variant:normal;font-style:normal;font-weight:normal;src:url("#FontID0") format(svg)}
+  .fil1 {fill:white}
+  .fil0 {fill:#298050;fill-opacity:0.800000}
+  .fnt0 {font-weight:normal;font-size:10.39px;font-family:'Proxima Nova Rg'}
+  ]]>
+</style>
+</defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_2787642703296">
+   <path class="fil0" d="M0.82 0l108.29 0c0.45,0 0.82,0.37 0.82,0.82l0 21.32c0,0.45 -0.37,0.82 -0.82,0.82l-108.29 0c-0.45,0 -0.82,-0.37 -0.82,-0.82l0 -21.32c0,-0.45 0.37,-0.82 0.82,-0.82z"/>
+   <!-- <text x="33.44" y="14.96"  class="fil1 fnt0">CHANGE</text> -->
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/toolbar/take_picture.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="20"
+   height="18"
+   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="22.4"
+     inkscape:cx="35.826779"
+     inkscape:cy="12.526019"
+     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="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,-1034.3622)">
+    <g
+       style="fill:none"
+       id="g2999"
+       transform="translate(-418,195.6372)">
+      <g
+         id="g2987"
+         clip-path="url(#clip70_0_1)">
+        <path
+           id="path2989"
+           d="m 421,842.725 h 1 c 0.53,0 1.039,-0.211 1.414,-0.586 0.375,-0.375 0.586,-0.883 0.586,-1.414 0,-0.265 0.105,-0.519 0.293,-0.707 0.187,-0.188 0.442,-0.293 0.707,-0.293 h 6 c 0.265,0 0.52,0.105 0.707,0.293 0.188,0.188 0.293,0.442 0.293,0.707 0,0.531 0.211,1.039 0.586,1.414 0.375,0.375 0.884,0.586 1.414,0.586 h 1 c 0.53,0 1.039,0.211 1.414,0.586 0.375,0.375 0.586,0.884 0.586,1.414 v 9 c 0,0.531 -0.211,1.039 -0.586,1.414 -0.375,0.375 -0.884,0.586 -1.414,0.586 h -14 c -0.53,0 -1.039,-0.211 -1.414,-0.586 -0.375,-0.375 -0.586,-0.883 -0.586,-1.414 v -9 c 0,-0.53 0.211,-1.039 0.586,-1.414 0.375,-0.375 0.884,-0.586 1.414,-0.586 z"
+           inkscape:connector-curvature="0"
+           style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
+        <path
+           id="path2991"
+           d="m 425,848.725 c 0,0.796 0.316,1.559 0.879,2.121 0.562,0.563 1.325,0.879 2.121,0.879 0.796,0 1.559,-0.316 2.121,-0.879 0.563,-0.562 0.879,-1.325 0.879,-2.121 0,-0.796 -0.316,-1.559 -0.879,-2.121 -0.562,-0.563 -1.325,-0.879 -2.121,-0.879 -0.796,0 -1.559,0.316 -2.121,0.879 -0.563,0.562 -0.879,1.325 -0.879,2.121 z"
+           inkscape:connector-curvature="0"
+           style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
+      </g>
+    </g>
+  </g>
+</svg>

package/src/assets/img/svg/toolbar/undo_button.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="11.5"
+   height="9.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="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="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
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     transform="translate(0,-22.5)">
+    <g
+       style="fill:none"
+       id="g3026"
+       transform="translate(-148.583,-62.7503)">
+      <g
+         id="g3014"
+         clip-path="url(#clip17_188_234758)">
+        <path
+           id="path3016"
+           d="M 152,91.3333 149.333,88.6667 152,86"
+           inkscape:connector-curvature="0"
+           style="stroke:#4c12a1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
+        <path
+           id="path3018"
+           d="m 149.333,88.667 h 7.334 c 0.707,0 1.385,0.2809 1.885,0.781 0.5,0.5001 0.781,1.1784 0.781,1.8857 0,0.7072 -0.281,1.3855 -0.781,1.8856 -0.5,0.5001 -1.178,0.781 -1.885,0.781 H 156"
+           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/toolbar/undo_button1.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="11.5"
+   height="9.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="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="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
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     transform="translate(0,-22.5)">
+    <g
+       style="fill:none"
+       id="g3026"
+       transform="translate(-148.583,-62.7503)">
+      <g
+         id="g3014"
+         clip-path="url(#clip17_188_234758)">
+        <path
+           id="path3016"
+           d="M 152,91.3333 149.333,88.6667 152,86"
+           inkscape:connector-curvature="0"
+           style="stroke:#4c12a1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
+        <path
+           id="path3018"
+           d="m 149.333,88.667 h 7.334 c 0.707,0 1.385,0.2809 1.885,0.781 0.5,0.5001 0.781,1.1784 0.781,1.8857 0,0.7072 -0.281,1.3855 -0.781,1.8856 -0.5,0.5001 -1.178,0.781 -1.885,0.781 H 156"
+           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/toolbar/use_button.svg

@@ -0,0 +1,37 @@
+<?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.194252in" height="0.0551142in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 20.98 5.95"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <font id="FontID0" horiz-adv-x="657" font-variant="normal" style="fill-rule:nonzero" font-style="normal" font-weight="400">
+	<font-face
+		font-family="Proxima Nova Rg">
+		<font-face-src>
+			<font-face-name name="Proxima Nova Regular"/>
+		</font-face-src>
+	</font-face>
+   <missing-glyph><path d="M0 0z"/></missing-glyph>
+   <glyph unicode="E" horiz-adv-x="568" d="M515.03 0l0 73.9645 -354.083 0 0 230.059 347.101 0 0 73.9645 -347.101 0 0 215.03 354.083 0 0 73.9645 -437.041 0 0 -666.982 437.041 0z"/>
+   <glyph unicode="S" horiz-adv-x="586" d="M293.964 -11.9527c180,0 246.036,98.9349 246.036,195.976 0,248.994 -395.03,162.959 -395.03,313.018 0,62.9586 57.0414,105.917 137.041,105.917 73.0178,0 142.959,-24.9704 193.018,-80l49.9408 61.0651c-55.9763,58.9349 -134.911,93.0178 -236.923,93.0178 -131.006,0 -228.994,-75.0296 -228.994,-185.089 0,-237.988 394.911,-142.959 394.911,-314.911 0,-51.0059 -37.9882,-115.03 -156.923,-115.03 -94.0828,0 -166.036,46.0355 -210.059,95.0296l-48.9941 -63.0769c55.0296,-62.0118 140,-105.917 255.976,-105.917z"/>
+   <glyph unicode="U" horiz-adv-x="699" d="M350.059 -11.9527c180.947,0 271.953,105.917 271.953,271.953l0 406.982 -82.9586 0 0 -406.036c0,-121.893 -66.0355,-198.935 -188.994,-198.935 -123.077,0 -189.112,77.0414 -189.112,198.935l0 406.036 -82.9586 0 0 -407.929c0,-164.024 91.0059,-271.006 272.071,-271.006z"/>
+  </font>
+  <style type="text/css">
+   <![CDATA[
+    @font-face { font-family:"Proxima Nova Rg";font-variant:normal;font-style:normal;font-weight:normal;src:url("#FontID0") format(svg)}
+    .fil0 {fill:#1183B7}
+    .fil1 {fill:white}
+    .fnt0 {font-weight:normal;font-size:3.59px;font-family:'Proxima Nova Rg'}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_1995284684592">
+   <rect class="fil0" x="-0" y="-0" width="20.98" height="5.95" rx="1.23" ry="0.35"/>
+   <!-- <text x="7.23" y="4.17"  class="fil1 fnt0">USE</text> -->
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/toolbar/wall_color_icon.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 20C9.87556 20 7.84 19.1556 6.34667 17.6533C4.84444 16.1511 4 14.1156 4 12C4 9.88444 4.84444 7.84 6.34667 6.34667C7.84889 4.84444 9.88444 4 12 4C16.4178 4 20 7.18222 20 11.1111C20 12.0533 19.5822 12.96 18.8267 13.6267C18.0711 14.2933 17.0578 14.6667 16 14.6667H13.7778C13.3778 14.6667 12.9956 14.7911 12.6756 15.0222C12.3556 15.2622 12.1333 15.6 12.0267 15.9822C11.92 16.3644 11.9556 16.7733 12.1067 17.1378C12.2578 17.5022 12.5333 17.8044 12.88 18C13.0578 18.16 13.1822 18.3822 13.2267 18.6133C13.2711 18.8533 13.2533 19.0933 13.1467 19.3156C13.0489 19.5378 12.88 19.7244 12.6756 19.84C12.4711 19.9644 12.2222 20.0178 11.9822 19.9911L12 20Z" stroke="#4C12A1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.19119 9.41333C6.85341 9.75111 6.66675 10.1956 6.66675 10.6667C6.66675 11.1378 6.85341 11.5911 7.19119 11.92C7.52897 12.2489 7.9823 12.4444 8.44453 12.4444C8.90675 12.4444 9.36897 12.2578 9.69786 11.92C10.0267 11.5822 10.2223 11.1289 10.2223 10.6667C10.2223 10.2044 10.0356 9.74222 9.69786 9.41333C9.03119 8.74666 7.84897 8.74666 7.1823 9.41333H7.19119Z" fill="#4C12A1"/>
+<path d="M13.2534 6.7467C12.5867 6.08004 11.4045 6.08004 10.7378 6.7467C10.4 7.08448 10.2134 7.52893 10.2134 8.00004C10.2134 8.47115 10.4 8.92448 10.7378 9.25337C11.0756 9.58226 11.5289 9.77782 11.9912 9.77782C12.4534 9.77782 12.9156 9.59115 13.2445 9.25337C13.5734 8.91559 13.7689 8.46226 13.7689 8.00004C13.7689 7.53782 13.5823 7.07559 13.2445 6.7467H13.2534Z" fill="#4C12A1"/>
+<path d="M16.8088 9.41333C16.1421 8.74666 14.9599 8.74666 14.2932 9.41333C13.9555 9.75111 13.7688 10.1956 13.7688 10.6667C13.7688 11.1378 13.9555 11.5911 14.2932 11.92C14.631 12.2489 15.0844 12.4444 15.5466 12.4444C16.0088 12.4444 16.471 12.2578 16.7999 11.92C17.1288 11.5822 17.3244 11.1289 17.3244 10.6667C17.3244 10.2044 17.1377 9.74222 16.7999 9.41333H16.8088Z" fill="#4C12A1"/>
+</svg>

package/src/assets/img/svg/topbar/edit_active.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns:xodm="http://www.corel.com/coreldraw/odm/2003"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10.6 10.6"
+	 style="enable-background:new 0 0 10.6 10.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#616060;}
+</style>
+<path class="st0" d="M0.8,0h9c0.5,0,0.8,0.4,0.8,0.8v9c0,0.5-0.4,0.8-0.8,0.8h-9C0.4,10.6,0,10.3,0,9.8v-9C0,0.4,0.4,0,0.8,0z"/>
+</svg>

package/src/assets/img/svg/topbar/edit_inactive.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns:xodm="http://www.corel.com/coreldraw/odm/2003"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10.6 10.6"
+	 style="enable-background:new 0 0 10.6 10.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M0.8,0h9c0.5,0,0.8,0.4,0.8,0.8v9c0,0.5-0.4,0.8-0.8,0.8h-9C0.4,10.6,0,10.3,0,9.8v-9C0,0.4,0.4,0,0.8,0z"/>
+</svg>

package/src/assets/img/svg/topbar/redo_active.svg

@@ -0,0 +1,42 @@
+<?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.147528in" height="0.147528in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 11.27 11.27"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <font id="FontID0" horiz-adv-x="684" 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="D" horiz-adv-x="718" d="M329.056 0c208.946,0 353.975,131.946 353.975,333.043 0,200.972 -145.029,333.915 -353.975,333.915l-263.02 0 0 -666.957 263.02 0zm0 124.969l-121.106 0 0 417.02 121.106 0c136.93,0 208.946,-90.9544 208.946,-208.946 0,-113.008 -76.9998,-208.074 -208.946,-208.074z"/>
+   <glyph unicode="E" horiz-adv-x="582" d="M538.001 0l0 124.969 -330.052 0 0 151.009 323.075 0 0 124.969 -323.075 0 0 141.042 330.052 0 0 124.969 -471.966 0 0 -666.957 471.966 0z"/>
+   <glyph unicode="O" horiz-adv-x="765" d="M382.008 -11.9611c201.969,0 348.991,143.907 348.991,345.004 0,200.972 -147.022,345.004 -348.991,345.004 -200.972,0 -347.994,-144.032 -347.994,-345.004 0,-201.096 147.022,-345.004 347.994,-345.004zm0 125.966c-122.975,0 -201.969,94.9414 -201.969,219.038 0,124.969 78.9933,218.914 201.969,218.914 122.975,0 202.965,-93.9447 202.965,-218.914 0,-124.097 -79.99,-219.038 -202.965,-219.038z"/>
+   <glyph unicode="R" horiz-adv-x="643" d="M606.03 0l-150.012 254.049c72.0159,16.9449 146.025,79.99 146.025,197.982 0,123.972 -85.0984,214.926 -224.022,214.926l-311.986 0 0 -666.957 141.914 0 0 236.98 104.037 0 131.074 -236.98 162.97 0zm-249.066 361.949l-149.016 0 0 180.04 149.016 0c57.0645,0 100.05,-34.0145 100.05,-89.9576 0,-56.0678 -42.9853,-90.0822 -100.05,-90.0822z"/>
+  </font>
+  <style type="text/css">
+   <![CDATA[
+    @font-face { font-family:"Proxima Nova Rg";font-variant:normal;font-weight:bold;src:url("#FontID0") format(svg)}
+    .fil0 {fill:#616060}
+    .fil2 {fill:white}
+    .fil1 {fill:#494949;fill-rule:nonzero}
+    .fnt0 {font-weight:bold;font-size:2.41px;font-family:'Proxima Nova Rg'}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_1995222904208">
+   <g>
+    <rect class="fil0" x="0" y="-0" width="11.27" height="11.27" rx="0.87" ry="0.87"/>
+    <path class="fil1" d="M5.34 2.51c-0.76,0.07 -1.44,0.41 -1.94,0.92 -0.56,0.57 -0.91,1.35 -0.91,2.21 0,0.87 0.35,1.66 0.92,2.22l0.02 0.02c0.57,0.56 1.35,0.9 2.21,0.9 0.39,0 0.77,-0.07 1.12,-0.2 0.36,-0.14 0.69,-0.34 0.97,-0.59 0.12,-0.1 0.13,-0.28 0.02,-0.4 -0.1,-0.12 -0.28,-0.13 -0.4,-0.02 -0.23,0.21 -0.5,0.37 -0.8,0.48 -0.28,0.11 -0.59,0.17 -0.92,0.17 -0.71,0 -1.35,-0.28 -1.81,-0.74l-0.01 -0.01c-0.47,-0.47 -0.76,-1.11 -0.76,-1.83 0,-0.71 0.29,-1.35 0.75,-1.82 0.41,-0.41 0.96,-0.69 1.58,-0.75l-0.2 0.19c-0.11,0.1 -0.12,0.27 -0.02,0.38 0.1,0.11 0.27,0.12 0.38,0.02l0.7 -0.64 0.01 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0 -0 -0.01 0 -0 0 -0.01 0 -0 -0 -0.01 0 -0 -0 -0.01 -0 -0 -0 -0.01 0 -0 -0 -0.01 -0 -0 -0 -0.01 0 -0 -0 -0.01 -0 -0 -0 -0.01 0 -0 -0 -0.01 0 -0 -0 -0.01 0 -0 -0 -0.01 0 -0 -0 -0.01 -0 -0 -0 -0.01 -0 -0 -0 -0.01 -0 -0 -0 -0.01 -0 -0 -0 -0.01 -0 -0 -0 -0.01 -0 -0 -0 -0.01 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0.01 -0 -0.7 -0.64c-0.11,-0.1 -0.28,-0.09 -0.38,0.02 -0.1,0.11 -0.09,0.28 0.02,0.38l0.17 0.16zm2.55 4.39c-0.07,0.13 -0.03,0.3 0.11,0.38 0.13,0.07 0.3,0.03 0.38,-0.11 0.13,-0.23 0.23,-0.48 0.3,-0.74 0.07,-0.26 0.1,-0.52 0.1,-0.79 0,-0.15 -0.13,-0.28 -0.28,-0.28 -0.15,0 -0.28,0.13 -0.28,0.28 0,0.23 -0.03,0.45 -0.08,0.65 -0.06,0.22 -0.14,0.42 -0.24,0.61z"/>
+   </g>
+   <text x="2.33" y="6.44"  class="fil2 fnt0"></text>
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/topbar/redo_inactive.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.147528in" height="0.147528in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 11.27 11.27"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:white}
+    .fil1 {fill:#494949;fill-rule:nonzero}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_1995296852128">
+   <rect class="fil0" x="0" y="-0" width="11.27" height="11.27" rx="0.87" ry="0.87"/>
+   <path class="fil1" d="M5.34 2.51c-0.76,0.07 -1.44,0.41 -1.94,0.92 -0.56,0.57 -0.91,1.35 -0.91,2.21 0,0.87 0.35,1.66 0.92,2.22l0.02 0.02c0.57,0.56 1.35,0.9 2.21,0.9 0.39,0 0.77,-0.07 1.12,-0.2 0.36,-0.14 0.69,-0.34 0.97,-0.59 0.12,-0.1 0.13,-0.28 0.02,-0.4 -0.1,-0.12 -0.28,-0.13 -0.4,-0.02 -0.23,0.21 -0.5,0.37 -0.8,0.48 -0.28,0.11 -0.59,0.17 -0.92,0.17 -0.71,0 -1.35,-0.28 -1.81,-0.74l-0.01 -0.01c-0.47,-0.47 -0.76,-1.11 -0.76,-1.83 0,-0.71 0.29,-1.35 0.75,-1.82 0.41,-0.41 0.96,-0.69 1.58,-0.75l-0.2 0.19c-0.11,0.1 -0.12,0.27 -0.02,0.38 0.1,0.11 0.27,0.12 0.38,0.02l0.7 -0.64 0.01 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0.01 0 -0 0 -0 -0 -0.01 0 -0 0 -0.01 0 -0 -0 -0.01 0 -0 -0 -0.01 -0 -0 -0 -0.01 0 -0 -0 -0.01 -0 -0 -0 -0.01 0 -0 -0 -0.01 -0 -0 -0 -0.01 0 -0 -0 -0.01 0 -0 -0 -0.01 0 -0 -0 -0.01 0 -0 -0 -0.01 -0 -0 -0 -0.01 -0 -0 -0 -0.01 -0 -0 -0 -0.01 -0 -0 -0 -0.01 -0 -0 -0 -0.01 -0 -0 -0 -0.01 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0 -0.01 -0 -0.7 -0.64c-0.11,-0.1 -0.28,-0.09 -0.38,0.02 -0.1,0.11 -0.09,0.28 0.02,0.38l0.17 0.16zm2.55 4.39c-0.07,0.13 -0.03,0.3 0.11,0.38 0.13,0.07 0.3,0.03 0.38,-0.11 0.13,-0.23 0.23,-0.48 0.3,-0.74 0.07,-0.26 0.1,-0.52 0.1,-0.79 0,-0.15 -0.13,-0.28 -0.28,-0.28 -0.15,0 -0.28,0.13 -0.28,0.28 0,0.23 -0.03,0.45 -0.08,0.65 -0.06,0.22 -0.14,0.42 -0.24,0.61z"/>
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/topbar/select_all_active.svg

@@ -0,0 +1,50 @@
+<?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.147528in" height="0.147528in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 24.82 24.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="684" 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="A" horiz-adv-x="684" d="M688.014 0l-257.04 666.957 -177.922 0 -258.036 -666.957 161.974 0 41.9885 113.008 286.07 0 40.9918 -113.008 161.974 0zm-241.964 237.977l-208.074 0 104.037 287.067 104.037 -287.067z"/>
+   <glyph unicode="C" horiz-adv-x="687" d="M388.986 -11.9611c147.022,0 230.999,80.9868 278.968,163.967l-121.979 58.9335c-28.0339,-54.9464 -87.9641,-96.935 -156.99,-96.935 -120.982,0 -208.946,92.9479 -208.946,219.038 0,125.966 87.9641,218.914 208.946,218.914 69.0257,0 128.956,-42.9853 156.99,-96.935l121.979 59.9302c-46.9723,83.1049 -131.946,163.095 -278.968,163.095 -199.975,0 -354.971,-140.045 -354.971,-345.004 0,-205.083 154.996,-345.004 354.971,-345.004z"/>
+   <glyph unicode="E" horiz-adv-x="582" d="M538.001 0l0 124.969 -330.052 0 0 151.009 323.075 0 0 124.969 -323.075 0 0 141.042 330.052 0 0 124.969 -471.966 0 0 -666.957 471.966 0z"/>
+   <glyph unicode="L" horiz-adv-x="523" d="M490.032 0l0 124.969 -282.083 0 0 541.989 -141.914 0 0 -666.957 423.997 0z"/>
+   <glyph unicode="S" horiz-adv-x="600" d="M303.015 -11.9611c180.04,0 267.007,91.9512 267.007,213.93 0,249.066 -383.005,178.046 -383.005,284.077 0,39.995 34.0145,66.9076 94.9414,66.9076 68.0289,0 140.045,-22.9255 193.995,-73.0127l78.9933 104.037c-65.9108,61.0516 -154,93.0725 -259.905,93.0725 -156.99,0 -253.053,-92.0758 -253.053,-203.09 0,-250.934 384.002,-169.948 384.002,-287.939 0,-38.0015 -38.0015,-74.0095 -115.998,-74.0095 -91.9512,0 -164.964,40.9918 -211.936,89.9576l-76.9998 -108.024c61.9237,-62.9205 154,-105.906 281.959,-105.906z"/>
+   <glyph unicode="T" horiz-adv-x="581" d="M362.945 0l0 541.989 193.995 0 0 124.969 -531.896 0 0 -124.969 194.991 0 0 -541.989 142.911 0z"/>
+  </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)}
+    .fil0 {fill:#616060}
+    .fil2 {fill:white}
+    .fil1 {fill:#494949;fill-rule:nonzero}
+    .fnt0 {font-weight:bold;font-size:5.32px;font-family:'Proxima Nova Rg'}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <rect class="fil0" x="-0" y="-0" width="24.82" height="24.82" rx="1.91" ry="1.91"/>
+  <g id="_1989066158304">
+   <path class="fil1" d="M6.23 8.96c-0.37,0 -0.67,-0.3 -0.67,-0.67l0 -0.67c0,-1.11 0.9,-2.01 2.01,-2.01l0.67 0c0.37,0 0.67,0.3 0.67,0.67 0,0.37 -0.3,0.67 -0.67,0.67l-0.67 0c-0.37,0 -0.67,0.3 -0.67,0.67l0 0.67c0,0.37 -0.3,0.67 -0.67,0.67z"/>
+   <path class="fil1" d="M18.28 8.96c-0.37,0 -0.67,-0.3 -0.67,-0.67l0 -0.67c0,-0.37 -0.3,-0.67 -0.67,-0.67l-0.67 0c-0.37,0 -0.67,-0.3 -0.67,-0.67 0,-0.37 0.3,-0.67 0.67,-0.67l0.67 0c1.11,0 2.01,0.9 2.01,2.01l0 0.67c0,0.37 -0.3,0.67 -0.67,0.67z"/>
+   <path class="fil1" d="M13.59 6.95l-2.68 0c-0.37,0 -0.67,-0.3 -0.67,-0.67 0,-0.37 0.3,-0.67 0.67,-0.67l2.68 0c0.37,0 0.67,0.3 0.67,0.67 0,0.37 -0.3,0.67 -0.67,0.67z"/>
+   <path class="fil1" d="M12.25 19l-1.34 0c-0.37,0 -0.67,-0.3 -0.67,-0.67 0,-0.37 0.3,-0.67 0.67,-0.67l1.34 0c0.37,0 0.67,0.3 0.67,0.67 0,0.37 -0.3,0.67 -0.67,0.67z"/>
+   <path class="fil1" d="M8.23 19l-0.67 0c-1.11,0 -2.01,-0.9 -2.01,-2.01l0 -0.67c0,-0.37 0.3,-0.67 0.67,-0.67 0.37,0 0.67,0.3 0.67,0.67l0 0.67c0,0.37 0.3,0.67 0.67,0.67l0.67 0c0.37,0 0.67,0.3 0.67,0.67 0,0.37 -0.3,0.67 -0.67,0.67z"/>
+   <path class="fil1" d="M6.23 14.32c-0.37,0 -0.67,-0.3 -0.67,-0.67l0 -2.68c0,-0.37 0.3,-0.67 0.67,-0.67 0.37,0 0.67,0.3 0.67,0.67l0 2.68c0,0.37 -0.3,0.67 -0.67,0.67z"/>
+   <path class="fil1" d="M18.28 12.98c-0.37,0 -0.67,-0.3 -0.67,-0.67l0 -1.34c0,-0.37 0.3,-0.67 0.67,-0.67 0.37,0 0.67,0.3 0.67,0.67l0 1.34c0,0.37 -0.3,0.67 -0.67,0.67z"/>
+   <path class="fil1" d="M20.82 18.08l-6.32 -6.32c-0.08,-0.08 -0.19,-0.13 -0.31,-0.13 -0.24,0 -0.44,0.2 -0.44,0.44l0 9.17c0,0.24 0.2,0.44 0.44,0.44 0.12,0 0.23,-0.05 0.31,-0.13l2.62 -2.72 3.38 0c0.24,0 0.44,-0.2 0.44,-0.44 0,-0.11 -0.05,-0.23 -0.13,-0.31z"/>
+  </g>
+  <text x="2.96" y="11.43"  class="fil2 fnt0"> </text>
+  <text x="7.82" y="16.99"  class="fil2 fnt0"></text>
+ </g>
+</svg>

package/src/assets/img/svg/topbar/select_all_inactive.svg

@@ -0,0 +1,32 @@
+<?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.147528in" height="0.147528in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 24.82 24.82"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:white}
+    .fil1 {fill:#494949;fill-rule:nonzero}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_1989068193104">
+   <rect class="fil0" x="-0" y="-0" width="24.82" height="24.82" rx="1.91" ry="1.91"/>
+   <g>
+    <path class="fil1" d="M6.23 8.96c-0.37,0 -0.67,-0.3 -0.67,-0.67l0 -0.67c0,-1.11 0.9,-2.01 2.01,-2.01l0.67 0c0.37,0 0.67,0.3 0.67,0.67 0,0.37 -0.3,0.67 -0.67,0.67l-0.67 0c-0.37,0 -0.67,0.3 -0.67,0.67l0 0.67c0,0.37 -0.3,0.67 -0.67,0.67z"/>
+    <path class="fil1" d="M18.28 8.96c-0.37,0 -0.67,-0.3 -0.67,-0.67l0 -0.67c0,-0.37 -0.3,-0.67 -0.67,-0.67l-0.67 0c-0.37,0 -0.67,-0.3 -0.67,-0.67 0,-0.37 0.3,-0.67 0.67,-0.67l0.67 0c1.11,0 2.01,0.9 2.01,2.01l0 0.67c0,0.37 -0.3,0.67 -0.67,0.67z"/>
+    <path class="fil1" d="M13.59 6.95l-2.68 0c-0.37,0 -0.67,-0.3 -0.67,-0.67 0,-0.37 0.3,-0.67 0.67,-0.67l2.68 0c0.37,0 0.67,0.3 0.67,0.67 0,0.37 -0.3,0.67 -0.67,0.67z"/>
+    <path class="fil1" d="M12.25 19l-1.34 0c-0.37,0 -0.67,-0.3 -0.67,-0.67 0,-0.37 0.3,-0.67 0.67,-0.67l1.34 0c0.37,0 0.67,0.3 0.67,0.67 0,0.37 -0.3,0.67 -0.67,0.67z"/>
+    <path class="fil1" d="M8.23 19l-0.67 0c-1.11,0 -2.01,-0.9 -2.01,-2.01l0 -0.67c0,-0.37 0.3,-0.67 0.67,-0.67 0.37,0 0.67,0.3 0.67,0.67l0 0.67c0,0.37 0.3,0.67 0.67,0.67l0.67 0c0.37,0 0.67,0.3 0.67,0.67 0,0.37 -0.3,0.67 -0.67,0.67z"/>
+    <path class="fil1" d="M6.23 14.32c-0.37,0 -0.67,-0.3 -0.67,-0.67l0 -2.68c0,-0.37 0.3,-0.67 0.67,-0.67 0.37,0 0.67,0.3 0.67,0.67l0 2.68c0,0.37 -0.3,0.67 -0.67,0.67z"/>
+    <path class="fil1" d="M18.28 12.98c-0.37,0 -0.67,-0.3 -0.67,-0.67l0 -1.34c0,-0.37 0.3,-0.67 0.67,-0.67 0.37,0 0.67,0.3 0.67,0.67l0 1.34c0,0.37 -0.3,0.67 -0.67,0.67z"/>
+    <path class="fil1" d="M20.82 18.08l-6.32 -6.32c-0.08,-0.08 -0.19,-0.13 -0.31,-0.13 -0.24,0 -0.44,0.2 -0.44,0.44l0 9.17c0,0.24 0.2,0.44 0.44,0.44 0.12,0 0.23,-0.05 0.31,-0.13l2.62 -2.72 3.38 0c0.24,0 0.44,-0.2 0.44,-0.44 0,-0.11 -0.05,-0.23 -0.13,-0.31z"/>
+   </g>
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/topbar/take_picture_active.svg

@@ -0,0 +1,51 @@
+<?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.147528in" height="0.147528in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 9.54 9.54"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <font id="FontID0" horiz-adv-x="684" 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="A" horiz-adv-x="684" d="M688.014 0l-257.04 666.957 -177.922 0 -258.036 -666.957 161.974 0 41.9885 113.008 286.07 0 40.9918 -113.008 161.974 0zm-241.964 237.977l-208.074 0 104.037 287.067 104.037 -287.067z"/>
+   <glyph unicode="C" horiz-adv-x="687" d="M388.986 -11.9611c147.022,0 230.999,80.9868 278.968,163.967l-121.979 58.9335c-28.0339,-54.9464 -87.9641,-96.935 -156.99,-96.935 -120.982,0 -208.946,92.9479 -208.946,219.038 0,125.966 87.9641,218.914 208.946,218.914 69.0257,0 128.956,-42.9853 156.99,-96.935l121.979 59.9302c-46.9723,83.1049 -131.946,163.095 -278.968,163.095 -199.975,0 -354.971,-140.045 -354.971,-345.004 0,-205.083 154.996,-345.004 354.971,-345.004z"/>
+   <glyph unicode="E" horiz-adv-x="582" d="M538.001 0l0 124.969 -330.052 0 0 151.009 323.075 0 0 124.969 -323.075 0 0 141.042 330.052 0 0 124.969 -471.966 0 0 -666.957 471.966 0z"/>
+   <glyph unicode="I" horiz-adv-x="273" d="M207.949 0l0 666.957 -141.914 0 0 -666.957 141.914 0z"/>
+   <glyph unicode="K" horiz-adv-x="636" d="M637.055 0l-283.08 353.975 265.014 312.983 -174.931 0 -236.108 -297.907 0 297.907 -141.914 0 0 -666.957 141.914 0 0 204.959 52.0807 62.0483 201.969 -267.007 175.056 0z"/>
+   <glyph unicode="P" horiz-adv-x="623" d="M207.949 0l0 236.98 170.072 0c144.032,0 224.022,99.0531 224.022,215.051 0,116.995 -78.9933,214.926 -224.022,214.926l-311.986 0 0 -666.957 141.914 0zm151.009 361.949l-151.009 0 0 180.04 151.009 0c56.0678,0 98.0563,-34.0145 98.0563,-89.9576 0,-55.071 -41.9885,-90.0822 -98.0563,-90.0822z"/>
+   <glyph unicode="R" horiz-adv-x="643" d="M606.03 0l-150.012 254.049c72.0159,16.9449 146.025,79.99 146.025,197.982 0,123.972 -85.0984,214.926 -224.022,214.926l-311.986 0 0 -666.957 141.914 0 0 236.98 104.037 0 131.074 -236.98 162.97 0zm-249.066 361.949l-149.016 0 0 180.04 149.016 0c57.0645,0 100.05,-34.0145 100.05,-89.9576 0,-56.0678 -42.9853,-90.0822 -100.05,-90.0822z"/>
+   <glyph unicode="T" horiz-adv-x="581" d="M362.945 0l0 541.989 193.995 0 0 124.969 -531.896 0 0 -124.969 194.991 0 0 -541.989 142.911 0z"/>
+   <glyph unicode="U" horiz-adv-x="732" d="M367.057 -11.9611c202.965,0 300.897,113.008 300.897,278.968l0 399.95 -144.904 0 0 -395.963c0,-92.9479 -53.0775,-156.99 -155.993,-156.99 -103.04,0 -157.114,64.0419 -157.114,156.99l0 395.963 -143.907 0 0 -400.947c0,-163.967 97.9317,-277.972 301.022,-277.972z"/>
+  </font>
+  <style type="text/css">
+   <![CDATA[
+    @font-face { font-family:"Proxima Nova Rg";font-variant:normal;font-weight:bold;src:url("#FontID0") format(svg)}
+    .fil0 {fill:#616060}
+    .fil2 {fill:white}
+    .fil1 {fill:#494949;fill-rule:nonzero}
+    .fnt0 {font-weight:bold;font-size:2.04px;font-family:'Proxima Nova Rg'}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_1995222072144">
+   <g>
+    <rect class="fil0" x="0" y="-0" width="9.54" height="9.54" rx="0.73" ry="0.73"/>
+    <g>
+     <path class="fil1" d="M2.24 2.31l0.83 0c0.1,-0 0.15,-0.06 0.19,-0.12l0.24 -0.3c0.15,-0.19 0.26,-0.33 0.67,-0.33l1.2 0c0.41,0 0.52,0.14 0.67,0.33 0.07,0.09 0.18,0.2 0.24,0.3 0.04,0.06 0.09,0.12 0.19,0.12l0.83 -0c0.22,0 0.42,0.09 0.57,0.24 0.15,0.15 0.24,0.35 0.24,0.57l0 3.11c0,0.22 -0.09,0.42 -0.24,0.57 -0.15,0.15 -0.35,0.24 -0.57,0.24l-5.05 0c-0.22,0 -0.42,-0.09 -0.57,-0.24 -0.15,-0.15 -0.24,-0.35 -0.24,-0.57l0 -3.11c0,-0.22 0.09,-0.42 0.24,-0.57 0.15,-0.15 0.35,-0.24 0.57,-0.24zm0.83 0.47l-0.83 0c-0.09,0 -0.17,0.04 -0.23,0.1 -0.06,0.06 -0.1,0.14 -0.1,0.23l0 3.11c0,0.09 0.04,0.17 0.1,0.23 0.06,0.06 0.14,0.1 0.23,0.1l5.05 0c0.09,0 0.17,-0.04 0.23,-0.1 0.06,-0.06 0.1,-0.14 0.1,-0.23l0 -3.11c0,-0.09 -0.04,-0.17 -0.1,-0.23 -0.06,-0.06 -0.14,-0.1 -0.23,-0.1l-0.83 -0c-0.34,-0.01 -0.45,-0.16 -0.56,-0.31l-0.23 -0.29c-0.07,-0.09 -0.12,-0.15 -0.3,-0.15l-1.2 0c-0.18,0 -0.23,0.06 -0.3,0.15l-0.23 0.29c-0.11,0.15 -0.23,0.31 -0.57,0.32l-0 0z"/>
+     <path class="fil1" d="M4.77 2.86c0.48,0 0.91,0.19 1.22,0.51 0.31,0.31 0.51,0.75 0.51,1.22 0,0.48 -0.19,0.91 -0.51,1.22 -0.31,0.31 -0.75,0.51 -1.22,0.51 -0.48,0 -0.91,-0.19 -1.22,-0.51 -0.31,-0.31 -0.51,-0.75 -0.51,-1.22 0,-0.48 0.19,-0.91 0.51,-1.22 0.31,-0.31 0.75,-0.51 1.22,-0.51zm0.89 0.84c-0.23,-0.23 -0.54,-0.37 -0.89,-0.37 -0.35,0 -0.66,0.14 -0.89,0.37 -0.23,0.23 -0.37,0.54 -0.37,0.89 0,0.35 0.14,0.66 0.37,0.89 0.23,0.23 0.54,0.37 0.89,0.37 0.35,0 0.66,-0.14 0.89,-0.37 0.23,-0.23 0.37,-0.54 0.37,-0.89 0,-0.35 -0.14,-0.66 -0.37,-0.89z"/>
+    </g>
+   </g>
+   <text x="2.27" y="4.37"  class="fil2 fnt0"></text>
+   <text x="0.53" y="6.51"  class="fil2 fnt0"></text>
+  </g>
+ </g>
+</svg>

package/src/assets/img/svg/topbar/take_picture_inactive.svg

@@ -0,0 +1,26 @@
+<?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.147528in" height="0.147528in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 9.54 9.54"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:white}
+    .fil1 {fill:#494949;fill-rule:nonzero}
+   ]]>
+  </style>
+ </defs>
+ <g id="design">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_1995222876608">
+   <rect class="fil0" x="0" y="-0" width="9.54" height="9.54" rx="0.73" ry="0.73"/>
+   <g>
+    <path class="fil1" d="M2.24 2.31l0.83 0c0.1,-0 0.15,-0.06 0.19,-0.12l0.24 -0.3c0.15,-0.19 0.26,-0.33 0.67,-0.33l1.2 0c0.41,0 0.52,0.14 0.67,0.33 0.07,0.09 0.18,0.2 0.24,0.3 0.04,0.06 0.09,0.12 0.19,0.12l0.83 -0c0.22,0 0.42,0.09 0.57,0.24 0.15,0.15 0.24,0.35 0.24,0.57l0 3.11c0,0.22 -0.09,0.42 -0.24,0.57 -0.15,0.15 -0.35,0.24 -0.57,0.24l-5.05 0c-0.22,0 -0.42,-0.09 -0.57,-0.24 -0.15,-0.15 -0.24,-0.35 -0.24,-0.57l0 -3.11c0,-0.22 0.09,-0.42 0.24,-0.57 0.15,-0.15 0.35,-0.24 0.57,-0.24zm0.83 0.47l-0.83 0c-0.09,0 -0.17,0.04 -0.23,0.1 -0.06,0.06 -0.1,0.14 -0.1,0.23l0 3.11c0,0.09 0.04,0.17 0.1,0.23 0.06,0.06 0.14,0.1 0.23,0.1l5.05 0c0.09,0 0.17,-0.04 0.23,-0.1 0.06,-0.06 0.1,-0.14 0.1,-0.23l0 -3.11c0,-0.09 -0.04,-0.17 -0.1,-0.23 -0.06,-0.06 -0.14,-0.1 -0.23,-0.1l-0.83 -0c-0.34,-0.01 -0.45,-0.16 -0.56,-0.31l-0.23 -0.29c-0.07,-0.09 -0.12,-0.15 -0.3,-0.15l-1.2 0c-0.18,0 -0.23,0.06 -0.3,0.15l-0.23 0.29c-0.11,0.15 -0.23,0.31 -0.57,0.32l-0 0z"/>
+    <path class="fil1" d="M4.77 2.86c0.48,0 0.91,0.19 1.22,0.51 0.31,0.31 0.51,0.75 0.51,1.22 0,0.48 -0.19,0.91 -0.51,1.22 -0.31,0.31 -0.75,0.51 -1.22,0.51 -0.48,0 -0.91,-0.19 -1.22,-0.51 -0.31,-0.31 -0.51,-0.75 -0.51,-1.22 0,-0.48 0.19,-0.91 0.51,-1.22 0.31,-0.31 0.75,-0.51 1.22,-0.51zm0.89 0.84c-0.23,-0.23 -0.54,-0.37 -0.89,-0.37 -0.35,0 -0.66,0.14 -0.89,0.37 -0.23,0.23 -0.37,0.54 -0.37,0.89 0,0.35 0.14,0.66 0.37,0.89 0.23,0.23 0.54,0.37 0.89,0.37 0.35,0 0.66,-0.14 0.89,-0.37 0.23,-0.23 0.37,-0.54 0.37,-0.89 0,-0.35 -0.14,-0.66 -0.37,-0.89z"/>
+   </g>
+  </g>
+ </g>
+</svg>