skuilder 0.1.1 → 0.1.3

package/src/components/fingerCounter/resources/hands.svg

@@ -1,512 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<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"
-   viewBox="0 0 741.98407 190.78735"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="hands.svg">
-  <metadata
-     id="metadata58">
-    <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>
-  <defs
-     id="defs56" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1137"
-     id="namedview54"
-     showgrid="false"
-     inkscape:zoom="0.55464283"
-     inkscape:cx="606.77778"
-     inkscape:cy="-580.44097"
-     inkscape:window-x="-8"
-     inkscape:window-y="-8"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg2" />
-  <g
-     transform="translate(-174.02 -618.74)"
-     stroke="#000"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g4">
-    <path
-       d="m267.92 750.68c-4.297 6.4618-13.318 26.901-24.859 24.258l0.52243 31.287-50.021 0.45689 0.1601-30.762c-11.862-2.8788-20.524-55.675-11.845-66.95 6.3915-6.4967 46.668-2.5934 49.378-20.227 2.3557-13.326 0.37321 11.848 1.8237 2.9673 1.134-7.1802 15.529-12.884 16.37 2.1156 1.7685 7.2188-4.3743 10.653-2.9944 30.993 0.38261 5.64 10.737 3.0735 11.596 3.3518l25.18-17.896c17.046-11.041 24.199 7.6665 9.8698 18.676z"
-       fill="#fff"
-       stroke-width="2"
-       id="path6" />
-    <path
-       d="m232.4 685.07c0.68236-7.9048 20.749-9.2117 20.968 4.7529-3.5542 14.543-5.3227 29.087-8.8769 43.63-2.3371 7.1835-14.644 7.9883-15.465-0.84841 1.3715-15.914 1.6338-31.658 3.3738-47.534z"
-       fill="#fff"
-       stroke-width="1.9789"
-       id="path8" />
-    <path
-       d="m221.33 773.27c-2.7874-19.896-0.87231-25.376 12.455-33.966"
-       fill="none"
-       id="path10" />
-    <path
-       d="m232.37 684.16c1.8802-8.4355-15.811-16.425-21.983 0.29691l-1.0152 49.607c0.66072 7.3247 18.603 9.159 18.986-2.0831 2.7542-16.239 4.0363-33.007 4.0124-47.82z"
-       fill="#fff"
-       stroke-width="2"
-       id="path12" />
-    <path
-       d="m194.13 701.23c-2.6002-12.045-23.635-13.058-18.216 7.1155 3.2863 10.551 6.4857 21.698 12.115 30.151 3.315 5.4808 13.658 2.2304 13.71-2.8971l-4.2599-13.567z"
-       fill="#fff"
-       stroke-width="2"
-       id="path14" />
-    <path
-       d="m209.98 688.04c-0.59249-7.9133-19.525-9.3442-19.934 4.6162l5.2865 22.434 5.0276 21.336c2.2922 7.2144 13.027 8.1612 13.983-0.66368l-1.9054-22.789z"
-       fill="#fff"
-       stroke-width="2"
-       id="path16" />
-  </g>
-  <g
-     transform="translate(-166.22 -617.74)"
-     stroke="#000"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g18">
-    <path
-       d="m409.97 749.68c-4.2969 6.4618-13.318 26.901-24.858 24.258l0.5224 31.287-50.021 0.45689 0.1601-30.762c-11.862-2.8788-20.524-55.675-11.845-66.95 4.2752-4.3455 31.522 5.266 29.948-8.6352-2.6541-20.896 3.8003 4.9104 3.733-4.4945-2.6467-21.235 10.031-21.2 10.5-6.9704 3.8229 14.667-2.1474 9.4251 4.266 9.4805 5.6686 5.1166 9.5846-50.424 12.779-58.054 3.3084-17.293 18.623-15.964 17.173 2.1664 1.2703 7.2188-8.7748 59.159-7.395 79.498 0.3826 5.64 4.3084 5.9306 5.1675 6.2089l25.18-17.896c17.046-11.041 24.199 7.6665 9.8698 18.676z"
-       fill="#fff"
-       stroke-width="2"
-       id="path20" />
-    <path
-       d="m363.38 772.28c-2.7874-19.896 0.70611-33.365 14.033-41.955"
-       fill="none"
-       id="path22" />
-    <path
-       d="m336.18 700.24c-2.6002-12.045-23.635-13.058-18.216 7.1155 3.2863 10.551 4.9705 23.213 10.599 31.666 3.315 5.4808 15.173 0.71518 15.226-4.4123l-4.2599-13.567z"
-       fill="#fff"
-       stroke-width="2"
-       id="path24" />
-    <path
-       d="m375.73 684.16c1.8802-8.4355-15.811-16.425-21.983 0.29691l-1.0152 49.607c0.66072 7.3247 18.603 9.159 18.986-2.0831 2.7542-16.239 4.0363-33.007 4.0124-47.82z"
-       fill="#fff"
-       stroke-width="2"
-       id="path26" />
-    <path
-       d="m352.53 683.22c-1.0204-7.5825-20.792-9.1681-20.432 4.9812l5.2865 24.209 4.0175 21.003c-0.73205 11.908 17.089 12.668 15.499-1.7263l-1.4003-20.045z"
-       fill="#fff"
-       stroke-width="2"
-       id="path28" />
-  </g>
-  <g
-     transform="translate(-164.47 -616.9)"
-     stroke="#000"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g30">
-    <path
-       d="m558.07 748.84c-4.2969 6.4618-13.318 26.901-24.858 24.258l0.5224 31.287-50.021 0.45689 0.1601-30.762c-11.862-2.8788-20.524-55.675-11.845-66.95 4.2752-4.3455 31.522 5.266 29.948-8.6352-2.6541-20.896-4.2809-54.689-4.3482-64.093-2.6467-21.235 16.816-20.486 17.286-6.2562 3.8229 14.667 0.57671 68.667 6.9901 68.722 5.6686 5.1166 8.156-50.782 11.351-58.411 3.3084-17.293 18.623-15.964 17.173 2.1664 1.2703 7.2188-8.7748 59.159-7.395 79.498 0.38259 5.64 4.3084 5.9306 5.1675 6.2089l25.18-17.896c17.046-11.041 24.199 7.6665 9.8698 18.676z"
-       fill="#fff"
-       stroke-width="2"
-       id="path32" />
-    <path
-       d="m511.48 771.44c-2.7874-19.896 0.70612-33.365 14.033-41.955"
-       fill="none"
-       id="path34" />
-    <path
-       d="m484.28 699.4c-2.6002-12.045-23.635-13.058-18.216 7.1155 3.2863 10.551 4.9705 23.213 10.599 31.666 3.315 5.4808 15.173 0.71518 15.226-4.4123l-4.2599-13.567z"
-       fill="#fff"
-       stroke-width="2"
-       id="path36" />
-    <path
-       d="m500.63 682.38c-1.0204-7.5825-20.792-9.1681-20.432 4.9812l5.2865 24.209 4.0175 21.003c-0.73206 11.908 17.089 12.668 15.499-1.7263l-1.4003-20.045z"
-       fill="#fff"
-       stroke-width="2"
-       id="path38" />
-  </g>
-  <g
-     transform="translate(-176 -616.9)"
-     stroke="#000"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g40">
-    <path
-       d="m669.34 617.9c-4.9112 0.14702-9.7498 5.2189-8.3438 16.5 0.0673 9.4048 1.7209 37.198 4.375 58.094 0.73445 6.193-3.594 8.2435-5.9375 2.7679l-3.5089-31.804-2.9286-21.714c0.73206-11.908-17.09-12.675-15.5 1.7188l1.4062 20.062 6.5312 42.531c-4.6119-0.26532-8.6061-0.38607-10.031 1.0625-8.6791 11.275-0.0179 64.09 11.844 66.969l-0.15625 30.75 50.031-0.4375-0.53125-31.312c11.54 2.6436 20.578-17.788 24.875-24.25l25.156-21.719c14.329-11.009 7.1705-29.729-9.875-18.688l-25.156 17.906c-0.8591-0.27831-4.8049-0.5788-5.1875-6.2188-1.3798-20.34 8.6766-72.281 7.4062-79.5 1.4495-18.131-13.879-19.449-17.188-2.1562-3.1948 7.6292-5.6751 63.523-11.344 58.406-6.4134-0.0554-3.1458-54.052-6.9688-68.719-0.22017-6.6701-4.6354-10.38-8.9688-10.25z"
-       fill="#fff"
-       stroke-width="2"
-       id="path42" />
-    <path
-       d="m674.85 771.44c-2.7874-19.896 0.70612-33.365 14.033-41.955"
-       fill="none"
-       id="path44" />
-    <path
-       d="m645.66 701.4c-2.6002-12.045-23.635-13.058-18.216 7.1155 3.2863 10.551 4.9705 23.213 10.599 31.666 3.315 5.4808 15.173 0.71518 15.226-4.4123l-4.2599-13.567z"
-       fill="#fff"
-       stroke-width="2"
-       id="path46" />
-  </g>
-  <g
-     transform="translate(-174.02 -616.9)"
-     stroke="#000"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g48">
-    <path
-       transform="translate(200.76 612.69)"
-       d="m629.28 5.2188c-4.9112 0.14702-7.7498 5.2189-6.3438 16.5 0.0673 9.4048 1.7209 43.198 4.375 64.094 0.0477 5.3457-4.9012 7.7349-7.9375 2.7812l-3.5-37.812-2.9375-23.719c0.73206-11.908-17.09-12.675-15.5 1.7188l1.4062 22.062 6.3312 37.226c1.987 8.6801-1.6208 5.6945-2.5479 1.0442-1.8673-9.9385-13.534-38.294-16.513-42.767-3.315-5.4808-10.408-0.72123-10.461 4.4062 2.4753 14.258 17.409 42.431 17.128 50.121-3.7745 17.922 4.11 58.032 14.406 60.531l-0.15625 30.75 50.031-0.4375-0.53125-31.312c11.54 2.6436 20.578-17.788 24.875-24.25l25.156-21.719c14.329-11.009 7.1705-29.729-9.875-18.688l-25.156 17.906c-0.8591-0.27831-6.8049-0.5788-7.1875-6.2188-1.3798-20.34 10.677-68.281 9.4062-75.5 1.4495-18.131-11.879-19.449-15.188-2.1562-3.1948 7.6292-7.6751 59.523-13.344 54.406-6.4134-0.0554-3.1458-54.052-6.9688-68.719-0.22017-6.6701-4.6354-10.38-8.9688-10.25z"
-       fill="#fff"
-       stroke-width="2"
-       id="path50" />
-    <path
-       d="m835.57 771.44c-2.7874-19.896 0.70612-33.365 14.033-41.955"
-       fill="none"
-       id="path52" />
-  </g>
-  <g
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round"
-     transform="matrix(-1,0,0,1,917.53417,-356.0427)"
-     id="g4-5">
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       d="m 267.92,750.68 c -4.297,6.4618 -13.318,26.901 -24.859,24.258 l 0.52243,31.287 -50.021,0.45689 0.1601,-30.762 c -11.862,-2.8788 -20.524,-55.675 -11.845,-66.95 6.3915,-6.4967 46.668,-2.5934 49.378,-20.227 2.3557,-13.326 0.37321,11.848 1.8237,2.9673 1.134,-7.1802 15.529,-12.884 16.37,2.1156 1.7685,7.2188 -4.3743,10.653 -2.9944,30.993 0.38261,5.64 10.737,3.0735 11.596,3.3518 l 25.18,-17.896 c 17.046,-11.041 24.199,7.6665 9.8698,18.676 z"
-       id="path6-6" />
-    <path
-       style="fill:#ffffff;stroke-width:1.97889996"
-       inkscape:connector-curvature="0"
-       d="m 232.4,685.07 c 0.68236,-7.9048 20.749,-9.2117 20.968,4.7529 -3.5542,14.543 -5.3227,29.087 -8.8769,43.63 -2.3371,7.1835 -14.644,7.9883 -15.465,-0.84841 1.3715,-15.914 1.6338,-31.658 3.3738,-47.534 z"
-       id="path8-5" />
-    <path
-       style="fill:none"
-       inkscape:connector-curvature="0"
-       d="m 221.33,773.27 c -2.7874,-19.896 -0.87231,-25.376 12.455,-33.966"
-       id="path10-7" />
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       d="m 232.37,684.16 c 1.8802,-8.4355 -15.811,-16.425 -21.983,0.29691 l -1.0152,49.607 c 0.66072,7.3247 18.603,9.159 18.986,-2.0831 2.7542,-16.239 4.0363,-33.007 4.0124,-47.82 z"
-       id="path12-5" />
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       d="m 194.13,701.23 c -2.6002,-12.045 -23.635,-13.058 -18.216,7.1155 3.2863,10.551 6.4857,21.698 12.115,30.151 3.315,5.4808 13.658,2.2304 13.71,-2.8971 l -4.2599,-13.567 z"
-       id="path14-1" />
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       d="m 209.98,688.04 c -0.59249,-7.9133 -19.525,-9.3442 -19.934,4.6162 l 5.2865,22.434 5.0276,21.336 c 2.2922,7.2144 13.027,8.1612 13.983,-0.66368 l -1.9054,-22.789 z"
-       id="path16-9" />
-  </g>
-  <g
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round"
-     transform="matrix(-1,0,0,1,909.73417,-355.0427)"
-     id="g18-6">
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       d="m 409.97,749.68 c -4.2969,6.4618 -13.318,26.901 -24.858,24.258 l 0.5224,31.287 -50.021,0.45689 0.1601,-30.762 c -11.862,-2.8788 -20.524,-55.675 -11.845,-66.95 4.2752,-4.3455 31.522,5.266 29.948,-8.6352 -2.6541,-20.896 3.8003,4.9104 3.733,-4.4945 -2.6467,-21.235 10.031,-21.2 10.5,-6.9704 3.8229,14.667 -2.1474,9.4251 4.266,9.4805 5.6686,5.1166 9.5846,-50.424 12.779,-58.054 3.3084,-17.293 18.623,-15.964 17.173,2.1664 1.2703,7.2188 -8.7748,59.159 -7.395,79.498 0.3826,5.64 4.3084,5.9306 5.1675,6.2089 l 25.18,-17.896 c 17.046,-11.041 24.199,7.6665 9.8698,18.676 z"
-       id="path20-0" />
-    <path
-       style="fill:none"
-       inkscape:connector-curvature="0"
-       d="m 363.38,772.28 c -2.7874,-19.896 0.70611,-33.365 14.033,-41.955"
-       id="path22-8" />
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       d="m 336.18,700.24 c -2.6002,-12.045 -23.635,-13.058 -18.216,7.1155 3.2863,10.551 4.9705,23.213 10.599,31.666 3.315,5.4808 15.173,0.71518 15.226,-4.4123 l -4.2599,-13.567 z"
-       id="path24-6" />
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       d="m 375.73,684.16 c 1.8802,-8.4355 -15.811,-16.425 -21.983,0.29691 l -1.0152,49.607 c 0.66072,7.3247 18.603,9.159 18.986,-2.0831 2.7542,-16.239 4.0363,-33.007 4.0124,-47.82 z"
-       id="path26-6" />
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       d="m 352.53,683.22 c -1.0204,-7.5825 -20.792,-9.1681 -20.432,4.9812 l 5.2865,24.209 4.0175,21.003 c -0.73205,11.908 17.089,12.668 15.499,-1.7263 l -1.4003,-20.045 z"
-       id="path28-4" />
-  </g>
-  <g
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round"
-     transform="matrix(-1,0,0,1,907.98417,-354.2027)"
-     id="g30-3">
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       d="m 558.07,748.84 c -4.2969,6.4618 -13.318,26.901 -24.858,24.258 l 0.5224,31.287 -50.021,0.45689 0.1601,-30.762 c -11.862,-2.8788 -20.524,-55.675 -11.845,-66.95 4.2752,-4.3455 31.522,5.266 29.948,-8.6352 -2.6541,-20.896 -4.2809,-54.689 -4.3482,-64.093 -2.6467,-21.235 16.816,-20.486 17.286,-6.2562 3.8229,14.667 0.57671,68.667 6.9901,68.722 5.6686,5.1166 8.156,-50.782 11.351,-58.411 3.3084,-17.293 18.623,-15.964 17.173,2.1664 1.2703,7.2188 -8.7748,59.159 -7.395,79.498 0.38259,5.64 4.3084,5.9306 5.1675,6.2089 l 25.18,-17.896 c 17.046,-11.041 24.199,7.6665 9.8698,18.676 z"
-       id="path32-9" />
-    <path
-       style="fill:none"
-       inkscape:connector-curvature="0"
-       d="m 511.48,771.44 c -2.7874,-19.896 0.70612,-33.365 14.033,-41.955"
-       id="path34-0" />
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       d="m 484.28,699.4 c -2.6002,-12.045 -23.635,-13.058 -18.216,7.1155 3.2863,10.551 4.9705,23.213 10.599,31.666 3.315,5.4808 15.173,0.71518 15.226,-4.4123 l -4.2599,-13.567 z"
-       id="path36-2" />
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       d="m 500.63,682.38 c -1.0204,-7.5825 -20.792,-9.1681 -20.432,4.9812 l 5.2865,24.209 4.0175,21.003 c -0.73206,11.908 17.089,12.668 15.499,-1.7263 l -1.4003,-20.045 z"
-       id="path38-9" />
-  </g>
-  <g
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round"
-     transform="matrix(-1,0,0,1,919.51417,-354.2027)"
-     id="g40-8">
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       d="m 669.34,617.9 c -4.9112,0.14702 -9.7498,5.2189 -8.3438,16.5 0.0673,9.4048 1.7209,37.198 4.375,58.094 0.73445,6.193 -3.594,8.2435 -5.9375,2.7679 l -3.5089,-31.804 -2.9286,-21.714 c 0.73206,-11.908 -17.09,-12.675 -15.5,1.7188 l 1.4062,20.062 6.5312,42.531 c -4.6119,-0.26532 -8.6061,-0.38607 -10.031,1.0625 -8.6791,11.275 -0.0179,64.09 11.844,66.969 l -0.15625,30.75 50.031,-0.4375 -0.53125,-31.312 c 11.54,2.6436 20.578,-17.788 24.875,-24.25 l 25.156,-21.719 c 14.329,-11.009 7.1705,-29.729 -9.875,-18.688 l -25.156,17.906 c -0.8591,-0.27831 -4.8049,-0.5788 -5.1875,-6.2188 -1.3798,-20.34 8.6766,-72.281 7.4062,-79.5 1.4495,-18.131 -13.879,-19.449 -17.188,-2.1562 -3.1948,7.6292 -5.6751,63.523 -11.344,58.406 -6.4134,-0.0554 -3.1458,-54.052 -6.9688,-68.719 -0.22017,-6.6701 -4.6354,-10.38 -8.9688,-10.25 z"
-       id="path42-7" />
-    <path
-       style="fill:none"
-       inkscape:connector-curvature="0"
-       d="m 674.85,771.44 c -2.7874,-19.896 0.70612,-33.365 14.033,-41.955"
-       id="path44-2" />
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       d="m 645.66,701.4 c -2.6002,-12.045 -23.635,-13.058 -18.216,7.1155 3.2863,10.551 4.9705,23.213 10.599,31.666 3.315,5.4808 15.173,0.71518 15.226,-4.4123 l -4.2599,-13.567 z"
-       id="path46-0" />
-  </g>
-  <g
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round"
-     transform="matrix(-1,0,0,1,917.53417,-354.2027)"
-     id="g48-0">
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       transform="translate(200.76,612.69)"
-       d="m 629.28,5.2188 c -4.9112,0.14702 -7.7498,5.2189 -6.3438,16.5 0.0673,9.4048 1.7209,43.198 4.375,64.094 0.0477,5.3457 -4.9012,7.7349 -7.9375,2.7812 l -3.5,-37.812 -2.9375,-23.719 c 0.73206,-11.908 -17.09,-12.675 -15.5,1.7188 l 1.4062,22.062 6.3312,37.226 c 1.987,8.6801 -1.6208,5.6945 -2.5479,1.0442 -1.8673,-9.9385 -13.534,-38.294 -16.513,-42.767 -3.315,-5.4808 -10.408,-0.72123 -10.461,4.4062 2.4753,14.258 17.409,42.431 17.128,50.121 -3.7745,17.922 4.11,58.032 14.406,60.531 l -0.15625,30.75 50.031,-0.4375 -0.53125,-31.312 c 11.54,2.6436 20.578,-17.788 24.875,-24.25 l 25.156,-21.719 c 14.329,-11.009 7.1705,-29.729 -9.875,-18.688 l -25.156,17.906 c -0.8591,-0.27831 -6.8049,-0.5788 -7.1875,-6.2188 -1.3798,-20.34 10.677,-68.281 9.4062,-75.5 1.4495,-18.131 -11.879,-19.449 -15.188,-2.1562 -3.1948,7.6292 -7.6751,59.523 -13.344,54.406 -6.4134,-0.0554 -3.1458,-54.052 -6.9688,-68.719 -0.22017,-6.6701 -4.6354,-10.38 -8.9688,-10.25 z"
-       id="path50-1" />
-    <path
-       style="fill:none"
-       inkscape:connector-curvature="0"
-       d="m 835.57,771.44 c -2.7874,-19.896 0.70612,-33.365 14.033,-41.955"
-       id="path52-8" />
-  </g>
-  <g
-     id="g4317"
-     transform="matrix(-1,0,0,1,917.53417,-133.70947)"
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round">
-    <path
-       id="path4319"
-       d="m 629.28,5.2188 c -4.9112,0.14702 -7.7498,5.2189 -6.3438,16.5 0.0673,9.4048 1.7209,43.198 4.375,64.094 0.0477,5.3457 -4.9012,7.7349 -7.9375,2.7812 l -3.5,-37.812 -2.9375,-23.719 c 0.73206,-11.908 -17.09,-12.675 -15.5,1.7188 l 1.4062,22.062 6.3312,37.226 c 1.987,8.6801 -1.6208,5.6945 -2.5479,1.0442 -1.8673,-9.9385 -13.534,-38.294 -16.513,-42.767 -3.315,-5.4808 -10.408,-0.72123 -10.461,4.4062 2.4753,14.258 17.409,42.431 17.128,50.121 -3.7745,17.922 4.11,58.032 14.406,60.531 l -0.15625,30.75 50.031,-0.4375 -0.53125,-31.312 c 11.54,2.6436 20.578,-17.788 24.875,-24.25 l 25.156,-21.719 c 14.329,-11.009 7.1705,-29.729 -9.875,-18.688 l -25.156,17.906 c -0.8591,-0.27831 -6.8049,-0.5788 -7.1875,-6.2188 -1.3798,-20.34 10.677,-68.281 9.4062,-75.5 1.4495,-18.131 -11.879,-19.449 -15.188,-2.1562 -3.1948,7.6292 -7.6751,59.523 -13.344,54.406 -6.4134,-0.0554 -3.1458,-54.052 -6.9688,-68.719 -0.22017,-6.6701 -4.6354,-10.38 -8.9688,-10.25 z"
-       transform="translate(200.76,612.69)"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-    <path
-       id="path4321"
-       d="m 835.57,771.44 c -2.7874,-19.896 0.70612,-33.365 14.033,-41.955"
-       inkscape:connector-curvature="0"
-       style="fill:none" />
-  </g>
-  <g
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round"
-     transform="matrix(-1,0,0,1,917.53417,80.843018)"
-     id="g4323">
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       transform="translate(200.76,612.69)"
-       d="m 629.28,5.2188 c -4.9112,0.14702 -7.7498,5.2189 -6.3438,16.5 0.0673,9.4048 1.7209,43.198 4.375,64.094 0.0477,5.3457 -4.9012,7.7349 -7.9375,2.7812 l -3.5,-37.812 -2.9375,-23.719 c 0.73206,-11.908 -17.09,-12.675 -15.5,1.7188 l 1.4062,22.062 6.3312,37.226 c 1.987,8.6801 -1.6208,5.6945 -2.5479,1.0442 -1.8673,-9.9385 -13.534,-38.294 -16.513,-42.767 -3.315,-5.4808 -10.408,-0.72123 -10.461,4.4062 2.4753,14.258 17.409,42.431 17.128,50.121 -3.7745,17.922 4.11,58.032 14.406,60.531 l -0.15625,30.75 50.031,-0.4375 -0.53125,-31.312 c 11.54,2.6436 20.578,-17.788 24.875,-24.25 l 25.156,-21.719 c 14.329,-11.009 7.1705,-29.729 -9.875,-18.688 l -25.156,17.906 c -0.8591,-0.27831 -6.8049,-0.5788 -7.1875,-6.2188 -1.3798,-20.34 10.677,-68.281 9.4062,-75.5 1.4495,-18.131 -11.879,-19.449 -15.188,-2.1562 -3.1948,7.6292 -7.6751,59.523 -13.344,54.406 -6.4134,-0.0554 -3.1458,-54.052 -6.9688,-68.719 -0.22017,-6.6701 -4.6354,-10.38 -8.9688,-10.25 z"
-       id="path4325" />
-    <path
-       style="fill:none"
-       inkscape:connector-curvature="0"
-       d="m 835.57,771.44 c -2.7874,-19.896 0.70612,-33.365 14.033,-41.955"
-       id="path4327" />
-  </g>
-  <g
-     id="g4329"
-     transform="matrix(-1,0,0,1,917.53417,281.7973)"
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round">
-    <path
-       id="path4331"
-       d="m 629.28,5.2188 c -4.9112,0.14702 -7.7498,5.2189 -6.3438,16.5 0.0673,9.4048 1.7209,43.198 4.375,64.094 0.0477,5.3457 -4.9012,7.7349 -7.9375,2.7812 l -3.5,-37.812 -2.9375,-23.719 c 0.73206,-11.908 -17.09,-12.675 -15.5,1.7188 l 1.4062,22.062 6.3312,37.226 c 1.987,8.6801 -1.6208,5.6945 -2.5479,1.0442 -1.8673,-9.9385 -13.534,-38.294 -16.513,-42.767 -3.315,-5.4808 -10.408,-0.72123 -10.461,4.4062 2.4753,14.258 17.409,42.431 17.128,50.121 -3.7745,17.922 4.11,58.032 14.406,60.531 l -0.15625,30.75 50.031,-0.4375 -0.53125,-31.312 c 11.54,2.6436 20.578,-17.788 24.875,-24.25 l 25.156,-21.719 c 14.329,-11.009 7.1705,-29.729 -9.875,-18.688 l -25.156,17.906 c -0.8591,-0.27831 -6.8049,-0.5788 -7.1875,-6.2188 -1.3798,-20.34 10.677,-68.281 9.4062,-75.5 1.4495,-18.131 -11.879,-19.449 -15.188,-2.1562 -3.1948,7.6292 -7.6751,59.523 -13.344,54.406 -6.4134,-0.0554 -3.1458,-54.052 -6.9688,-68.719 -0.22017,-6.6701 -4.6354,-10.38 -8.9688,-10.25 z"
-       transform="translate(200.76,612.69)"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-    <path
-       id="path4333"
-       d="m 835.57,771.44 c -2.7874,-19.896 0.70612,-33.365 14.033,-41.955"
-       inkscape:connector-curvature="0"
-       style="fill:none" />
-  </g>
-  <g
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round"
-     transform="matrix(-1,0,0,1,917.53417,489.7973)"
-     id="g4335">
-    <path
-       style="fill:#ffffff;stroke-width:2"
-       inkscape:connector-curvature="0"
-       transform="translate(200.76,612.69)"
-       d="m 629.28,5.2188 c -4.9112,0.14702 -7.7498,5.2189 -6.3438,16.5 0.0673,9.4048 1.7209,43.198 4.375,64.094 0.0477,5.3457 -4.9012,7.7349 -7.9375,2.7812 l -3.5,-37.812 -2.9375,-23.719 c 0.73206,-11.908 -17.09,-12.675 -15.5,1.7188 l 1.4062,22.062 6.3312,37.226 c 1.987,8.6801 -1.6208,5.6945 -2.5479,1.0442 -1.8673,-9.9385 -13.534,-38.294 -16.513,-42.767 -3.315,-5.4808 -10.408,-0.72123 -10.461,4.4062 2.4753,14.258 17.409,42.431 17.128,50.121 -3.7745,17.922 4.11,58.032 14.406,60.531 l -0.15625,30.75 50.031,-0.4375 -0.53125,-31.312 c 11.54,2.6436 20.578,-17.788 24.875,-24.25 l 25.156,-21.719 c 14.329,-11.009 7.1705,-29.729 -9.875,-18.688 l -25.156,17.906 c -0.8591,-0.27831 -6.8049,-0.5788 -7.1875,-6.2188 -1.3798,-20.34 10.677,-68.281 9.4062,-75.5 1.4495,-18.131 -11.879,-19.449 -15.188,-2.1562 -3.1948,7.6292 -7.6751,59.523 -13.344,54.406 -6.4134,-0.0554 -3.1458,-54.052 -6.9688,-68.719 -0.22017,-6.6701 -4.6354,-10.38 -8.9688,-10.25 z"
-       id="path4337" />
-    <path
-       style="fill:none"
-       inkscape:connector-curvature="0"
-       d="m 835.57,771.44 c -2.7874,-19.896 0.70612,-33.365 14.033,-41.955"
-       id="path4339" />
-  </g>
-  <g
-     id="g4341"
-     transform="matrix(-1,0,0,1,917.53417,701.06529)"
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round">
-    <path
-       id="path4343"
-       d="m 629.28,5.2188 c -4.9112,0.14702 -7.7498,5.2189 -6.3438,16.5 0.0673,9.4048 1.7209,43.198 4.375,64.094 0.0477,5.3457 -4.9012,7.7349 -7.9375,2.7812 l -3.5,-37.812 -2.9375,-23.719 c 0.73206,-11.908 -17.09,-12.675 -15.5,1.7188 l 1.4062,22.062 6.3312,37.226 c 1.987,8.6801 -1.6208,5.6945 -2.5479,1.0442 -1.8673,-9.9385 -13.534,-38.294 -16.513,-42.767 -3.315,-5.4808 -10.408,-0.72123 -10.461,4.4062 2.4753,14.258 17.409,42.431 17.128,50.121 -3.7745,17.922 4.11,58.032 14.406,60.531 l -0.15625,30.75 50.031,-0.4375 -0.53125,-31.312 c 11.54,2.6436 20.578,-17.788 24.875,-24.25 l 25.156,-21.719 c 14.329,-11.009 7.1705,-29.729 -9.875,-18.688 l -25.156,17.906 c -0.8591,-0.27831 -6.8049,-0.5788 -7.1875,-6.2188 -1.3798,-20.34 10.677,-68.281 9.4062,-75.5 1.4495,-18.131 -11.879,-19.449 -15.188,-2.1562 -3.1948,7.6292 -7.6751,59.523 -13.344,54.406 -6.4134,-0.0554 -3.1458,-54.052 -6.9688,-68.719 -0.22017,-6.6701 -4.6354,-10.38 -8.9688,-10.25 z"
-       transform="translate(200.76,612.69)"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-    <path
-       id="path4345"
-       d="m 835.57,771.44 c -2.7874,-19.896 0.70612,-33.365 14.033,-41.955"
-       inkscape:connector-curvature="0"
-       style="fill:none" />
-  </g>
-  <g
-     id="g4347"
-     transform="translate(14.889948,-135.54616)"
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round">
-    <path
-       id="path4349"
-       d="m 267.92,750.68 c -4.297,6.4618 -13.318,26.901 -24.859,24.258 l 0.52243,31.287 -50.021,0.45689 0.1601,-30.762 c -11.862,-2.8788 -20.524,-55.675 -11.845,-66.95 6.3915,-6.4967 46.668,-2.5934 49.378,-20.227 2.3557,-13.326 0.37321,11.848 1.8237,2.9673 1.134,-7.1802 15.529,-12.884 16.37,2.1156 1.7685,7.2188 -4.3743,10.653 -2.9944,30.993 0.38261,5.64 10.737,3.0735 11.596,3.3518 l 25.18,-17.896 c 17.046,-11.041 24.199,7.6665 9.8698,18.676 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-    <path
-       id="path4351"
-       d="m 232.4,685.07 c 0.68236,-7.9048 20.749,-9.2117 20.968,4.7529 -3.5542,14.543 -5.3227,29.087 -8.8769,43.63 -2.3371,7.1835 -14.644,7.9883 -15.465,-0.84841 1.3715,-15.914 1.6338,-31.658 3.3738,-47.534 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:1.97889996" />
-    <path
-       id="path4353"
-       d="m 221.33,773.27 c -2.7874,-19.896 -0.87231,-25.376 12.455,-33.966"
-       inkscape:connector-curvature="0"
-       style="fill:none" />
-    <path
-       id="path4355"
-       d="m 232.37,684.16 c 1.8802,-8.4355 -15.811,-16.425 -21.983,0.29691 l -1.0152,49.607 c 0.66072,7.3247 18.603,9.159 18.986,-2.0831 2.7542,-16.239 4.0363,-33.007 4.0124,-47.82 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-    <path
-       id="path4357"
-       d="m 194.13,701.23 c -2.6002,-12.045 -23.635,-13.058 -18.216,7.1155 3.2863,10.551 6.4857,21.698 12.115,30.151 3.315,5.4808 13.658,2.2304 13.71,-2.8971 l -4.2599,-13.567 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-    <path
-       id="path4359"
-       d="m 209.98,688.04 c -0.59249,-7.9133 -19.525,-9.3442 -19.934,4.6162 l 5.2865,22.434 5.0276,21.336 c 2.2922,7.2144 13.027,8.1612 13.983,-0.66368 l -1.9054,-22.789 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-  </g>
-  <g
-     id="g4361"
-     transform="translate(-127.15964,80.006328)"
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round">
-    <path
-       id="path4363"
-       d="m 409.97,749.68 c -4.2969,6.4618 -13.318,26.901 -24.858,24.258 l 0.5224,31.287 -50.021,0.45689 0.1601,-30.762 c -11.862,-2.8788 -20.524,-55.675 -11.845,-66.95 4.2752,-4.3455 31.522,5.266 29.948,-8.6352 -2.6541,-20.896 3.8003,4.9104 3.733,-4.4945 -2.6467,-21.235 10.031,-21.2 10.5,-6.9704 3.8229,14.667 -2.1474,9.4251 4.266,9.4805 5.6686,5.1166 9.5846,-50.424 12.779,-58.054 3.3084,-17.293 18.623,-15.964 17.173,2.1664 1.2703,7.2188 -8.7748,59.159 -7.395,79.498 0.3826,5.64 4.3084,5.9306 5.1675,6.2089 l 25.18,-17.896 c 17.046,-11.041 24.199,7.6665 9.8698,18.676 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-    <path
-       id="path4365"
-       d="m 363.38,772.28 c -2.7874,-19.896 0.70611,-33.365 14.033,-41.955"
-       inkscape:connector-curvature="0"
-       style="fill:none" />
-    <path
-       id="path4367"
-       d="m 336.18,700.24 c -2.6002,-12.045 -23.635,-13.058 -18.216,7.1155 3.2863,10.551 4.9705,23.213 10.599,31.666 3.315,5.4808 15.173,0.71518 15.226,-4.4123 l -4.2599,-13.567 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-    <path
-       id="path4369"
-       d="m 375.73,684.16 c 1.8802,-8.4355 -15.811,-16.425 -21.983,0.29691 l -1.0152,49.607 c 0.66072,7.3247 18.603,9.159 18.986,-2.0831 2.7542,-16.239 4.0363,-33.007 4.0124,-47.82 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-    <path
-       id="path4371"
-       d="m 352.53,683.22 c -1.0204,-7.5825 -20.792,-9.1681 -20.432,4.9812 l 5.2865,24.209 4.0175,21.003 c -0.73205,11.908 17.089,12.668 15.499,-1.7263 l -1.4003,-20.045 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-  </g>
-  <g
-     id="g4373"
-     transform="translate(-275.26009,281.80061)"
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round">
-    <path
-       id="path4375"
-       d="m 558.07,748.84 c -4.2969,6.4618 -13.318,26.901 -24.858,24.258 l 0.5224,31.287 -50.021,0.45689 0.1601,-30.762 c -11.862,-2.8788 -20.524,-55.675 -11.845,-66.95 4.2752,-4.3455 31.522,5.266 29.948,-8.6352 -2.6541,-20.896 -4.2809,-54.689 -4.3482,-64.093 -2.6467,-21.235 16.816,-20.486 17.286,-6.2562 3.8229,14.667 0.57671,68.667 6.9901,68.722 5.6686,5.1166 8.156,-50.782 11.351,-58.411 3.3084,-17.293 18.623,-15.964 17.173,2.1664 1.2703,7.2188 -8.7748,59.159 -7.395,79.498 0.38259,5.64 4.3084,5.9306 5.1675,6.2089 l 25.18,-17.896 c 17.046,-11.041 24.199,7.6665 9.8698,18.676 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-    <path
-       id="path4377"
-       d="m 511.48,771.44 c -2.7874,-19.896 0.70612,-33.365 14.033,-41.955"
-       inkscape:connector-curvature="0"
-       style="fill:none" />
-    <path
-       id="path4379"
-       d="m 484.28,699.4 c -2.6002,-12.045 -23.635,-13.058 -18.216,7.1155 3.2863,10.551 4.9705,23.213 10.599,31.666 3.315,5.4808 15.173,0.71518 15.226,-4.4123 l -4.2599,-13.567 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-    <path
-       id="path4381"
-       d="m 500.63,682.38 c -1.0204,-7.5825 -20.792,-9.1681 -20.432,4.9812 l 5.2865,24.209 4.0175,21.003 c -0.73206,11.908 17.089,12.668 15.499,-1.7263 l -1.4003,-20.045 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-  </g>
-  <g
-     id="g4383"
-     transform="translate(-437.63435,489.8053)"
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round">
-    <path
-       id="path4385"
-       d="m 669.34,617.9 c -4.9112,0.14702 -9.7498,5.2189 -8.3438,16.5 0.0673,9.4048 1.7209,37.198 4.375,58.094 0.73445,6.193 -3.594,8.2435 -5.9375,2.7679 l -3.5089,-31.804 -2.9286,-21.714 c 0.73206,-11.908 -17.09,-12.675 -15.5,1.7188 l 1.4062,20.062 6.5312,42.531 c -4.6119,-0.26532 -8.6061,-0.38607 -10.031,1.0625 -8.6791,11.275 -0.0179,64.09 11.844,66.969 l -0.15625,30.75 50.031,-0.4375 -0.53125,-31.312 c 11.54,2.6436 20.578,-17.788 24.875,-24.25 l 25.156,-21.719 c 14.329,-11.009 7.1705,-29.729 -9.875,-18.688 l -25.156,17.906 c -0.8591,-0.27831 -4.8049,-0.5788 -5.1875,-6.2188 -1.3798,-20.34 8.6766,-72.281 7.4062,-79.5 1.4495,-18.131 -13.879,-19.449 -17.188,-2.1562 -3.1948,7.6292 -5.6751,63.523 -11.344,58.406 -6.4134,-0.0554 -3.1458,-54.052 -6.9688,-68.719 -0.22017,-6.6701 -4.6354,-10.38 -8.9688,-10.25 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-    <path
-       id="path4387"
-       d="m 674.85,771.44 c -2.7874,-19.896 0.70612,-33.365 14.033,-41.955"
-       inkscape:connector-curvature="0"
-       style="fill:none" />
-    <path
-       id="path4389"
-       d="m 645.66,701.4 c -2.6002,-12.045 -23.635,-13.058 -18.216,7.1155 3.2863,10.551 4.9705,23.213 10.599,31.666 3.315,5.4808 15.173,0.71518 15.226,-4.4123 l -4.2599,-13.567 z"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-  </g>
-  <g
-     id="g4391"
-     transform="translate(-592.9125,701.06529)"
-     style="stroke:#000000;stroke-linecap:round;stroke-linejoin:round">
-    <path
-       id="path4393"
-       d="m 629.28,5.2188 c -4.9112,0.14702 -7.7498,5.2189 -6.3438,16.5 0.0673,9.4048 1.7209,43.198 4.375,64.094 0.0477,5.3457 -4.9012,7.7349 -7.9375,2.7812 l -3.5,-37.812 -2.9375,-23.719 c 0.73206,-11.908 -17.09,-12.675 -15.5,1.7188 l 1.4062,22.062 6.3312,37.226 c 1.987,8.6801 -1.6208,5.6945 -2.5479,1.0442 -1.8673,-9.9385 -13.534,-38.294 -16.513,-42.767 -3.315,-5.4808 -10.408,-0.72123 -10.461,4.4062 2.4753,14.258 17.409,42.431 17.128,50.121 -3.7745,17.922 4.11,58.032 14.406,60.531 l -0.15625,30.75 50.031,-0.4375 -0.53125,-31.312 c 11.54,2.6436 20.578,-17.788 24.875,-24.25 l 25.156,-21.719 c 14.329,-11.009 7.1705,-29.729 -9.875,-18.688 l -25.156,17.906 c -0.8591,-0.27831 -6.8049,-0.5788 -7.1875,-6.2188 -1.3798,-20.34 10.677,-68.281 9.4062,-75.5 1.4495,-18.131 -11.879,-19.449 -15.188,-2.1562 -3.1948,7.6292 -7.6751,59.523 -13.344,54.406 -6.4134,-0.0554 -3.1458,-54.052 -6.9688,-68.719 -0.22017,-6.6701 -4.6354,-10.38 -8.9688,-10.25 z"
-       transform="translate(200.76,612.69)"
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;stroke-width:2" />
-    <path
-       id="path4395"
-       d="m 835.57,771.44 c -2.7874,-19.896 0.70612,-33.365 14.033,-41.955"
-       inkscape:connector-curvature="0"
-       style="fill:none" />
-  </g>
-</svg>

package/src/components/numpad.tsx

@@ -1,146 +0,0 @@
-import * as RX from 'reactxp';
-import Keybinder from '../appUtilities/Keybinder'
-import FingerCounter from './fingerCounter/fingerCounter'
-
-export interface NumpadProps extends RX.CommonProps {
-    num: number;
-    // counted?: number;
-}
-interface NumpadState {
-    counted?: number;
-}
-
-const styles = {
-    row: RX.Styles.createViewStyle({
-        flexDirection: 'row',
-        backgroundColor: "white",
-    }, false)
-}
-
-const keys = [
-    [7, 8, 9],
-    [4, 5, 6],
-    [1, 2, 3],
-    [0]
-];
-
-const highlights: Array<Array<number>> = [
-    [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
-    [1, 2, 3, 4, 5, 6, 7, 8, 9, 0],
-    [2, 4, 6, 8, 0, 2, 4, 6, 8, 0],
-    [3, 6, 9, 2, 5, 8, 1, 4, 7, 0],
-    [4, 8, 2, 6, 0, 4, 8, 2, 6, 0],
-    [5, 0, 5, 0, 5, 0, 5, 0, 5, 0],
-    [6, 2, 8, 4, 0, 6, 2, 8, 4, 0],
-    [7, 4, 1, 8, 5, 2, 9, 6, 3, 0],
-    [8, 6, 4, 2, 0, 8, 6, 4, 2, 0],
-    [9, 8, 7, 6, 5, 4, 3, 2, 1, 0],
-    [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
-]
-
-class Numpad extends RX.Component<NumpadProps, NumpadState> {
-    private UIbindings: Keybinder;
-
-    constructor(props: NumpadProps) {
-        super();
-
-        this.UIbindings = new Keybinder([
-            {
-                binding: 'left',
-                callback: (e: ExtendedKeyboardEvent) => {
-                    this.setState({
-                        counted: Math.max(0, (this.state.counted - 1))
-                    })
-                }
-            },
-            {
-                binding: 'right',
-                callback: (e: ExtendedKeyboardEvent) => {
-                    this.setState({
-                        counted: Math.min(10, (this.state.counted + 1))
-                    });
-                }
-            }
-        ])
-
-        this.state = {
-            counted: 0
-        }
-    }
-
-    shouldComponentUpdate(nextProps: NumpadProps, nextState: NumpadState) {
-        if (nextProps) {
-            this.setState({
-                counted: 0
-            })
-        }
-        return true;
-    }
-
-    componentDidMount() {
-        this.UIbindings.bind();
-    }
-
-    componentWillUnmount() {
-        this.UIbindings.unbind();
-    }
-
-    render() {
-        const num = this.props.num;
-        const counted = this.state.counted;
-
-        return (
-            <RX.View>
-                <div>
-                    {keys.map((keyrow, index) => {
-                        return this.renderKeyRow(keyrow, index);
-                    })}
-                </div>
-                <FingerCounter counted={counted} />
-            </RX.View>
-        )
-    }
-
-    renderKeyRow(keys: Array<number>, index: number) {
-        const style = RX.Styles.createViewStyle({
-            flexDirection: "row",
-
-        }, false)
-
-        return (
-            <RX.View style={style} key={index} >
-                {keys.map((key, index) => {
-                    return this.renderKey(key, index);
-                })
-                }
-            </RX.View >
-        )
-    }
-
-    renderKey(key: number, index: number) {
-        return (
-            <RX.Text style={this.getKeyStyle(key)} key={index}> {key} </RX.Text>
-        );
-    }
-    getKeyStyle(key: number) {
-        return RX.Styles.createTextStyle({
-            borderStyle: "solid",
-            borderColor: "black",
-            borderWidth: 1,
-            borderRadius: 4,
-            padding: 4,
-            margin: 3,
-            backgroundColor: this.getBackgroundColor(key)
-        }, false);
-    }
-
-    getBackgroundColor(key: number): string {
-        if (highlights[this.props.num][this.state.counted - 1] == key) {
-            return 'green';
-        }
-
-        return 'white';
-    }
-}
-
-export default Numpad;