VS_CODE/Qwixx/frontend-example/generated-cells/selectable.svg

<?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:xlink="http://www.w3.org/1999/xlink"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="110mm"
   height="100mm"
   viewBox="0 0 110 99.999996"
   version="1.1"
   id="svg8"
   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
   sodipodi:docname="cellGenerator.svg"
   inkscape:export-filename="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\empty-16-9.png"
   inkscape:export-xdpi="96"
   inkscape:export-ydpi="96">
  <defs
     id="defs2">
    <rect
       id="rect4797"
       height="242.59229"
       width="158.10326"
       y="-33.042744"
       x="-101.21954" />
    <rect
       id="rect4785"
       height="42.763123"
       width="41.694046"
       y="24.054256"
       x="13.898015" />
    <linearGradient
       id="linearGradient4755"
       inkscape:collect="always">
      <stop
         id="stop4751"
         offset="0"
         style="stop-color:#ffffff;stop-opacity:1;" />
      <stop
         id="stop4753"
         offset="1"
         style="stop-color:#ffffff;stop-opacity:0;" />
    </linearGradient>
    <inkscape:path-effect
       message="Use fill-rule evenodd on &lt;b&gt;fill and stroke&lt;/b&gt; dialog if no flatten result after convert clip to paths."
       hide_clip="false"
       flatten="false"
       inverse="true"
       lpeversion="1"
       is_visible="true"
       id="path-effect4736"
       effect="powerclip" />
    <linearGradient
       id="linearGradient4713"
       inkscape:collect="always">
      <stop
         style="stop-color:#000000;stop-opacity:0;"
         offset="0"
         id="stop4711" />
      <stop
         style="stop-color:#000000;stop-opacity:1;"
         offset="1"
         id="stop4709" />
    </linearGradient>
    <inkscape:path-effect
       background_color="#ffffffff"
       background="true"
       hide_mask="false"
       invert="false"
       uri="#mask-powermask-path-effect2514"
       lpeversion="1"
       is_visible="true"
       id="path-effect2514"
       effect="powermask" />
    <inkscape:path-effect
       message="Use fill-rule evenodd on &lt;b&gt;fill and stroke&lt;/b&gt; dialog if no flatten result after convert clip to paths."
       hide_clip="false"
       flatten="false"
       inverse="true"
       lpeversion="1"
       is_visible="true"
       id="path-effect1652"
       effect="powerclip" />
    <rect
       id="rect9"
       height="169.98341"
       width="337.29413"
       y="48.108517"
       x="74.300926" />
    <clipPath
       id="clipPath961"
       clipPathUnits="userSpaceOnUse">
      <use
         height="100%"
         width="100%"
         id="use963"
         xlink:href="#g957"
         y="0"
         x="0" />
    </clipPath>
    <clipPath
       id="clipPath1201"
       clipPathUnits="userSpaceOnUse">
      <g
         id="use1203"
         inkscape:label="Clip">
        <use
           transform="translate(111.18413,-17.639789)"
           height="100%"
           width="100%"
           x="0"
           y="0"
           xlink:href="#g905"
           id="use1302" />
        <g
           id="g1308"
           clip-path="none"
           transform="translate(58.264756,70.024616)">
          <g
             inkscape:label="Clip"
             id="g1306">
            <rect
               y="20.312483"
               x="40.624966"
               height="80"
               width="80"
               id="rect1304"
               style="fill:#e7e7e7;stroke-width:0.264583" />
          </g>
        </g>
      </g>
    </clipPath>
    <mask
       id="mask1290"
       maskUnits="userSpaceOnUse">
      <g
         inkscape:label="Clip"
         id="use1292" />
    </mask>
    <mask
       id="mask1327"
       maskUnits="userSpaceOnUse">
      <ellipse
         style="fill:#e7e7e7;stroke-width:0.264583"
         id="ellipse1329"
         cx="158.22356"
         cy="139.24742"
         rx="73.766388"
         ry="71.360962" />
    </mask>
    <clipPath
       id="clipPath1881"
       clipPathUnits="userSpaceOnUse">
      <g
         style="fill:#000000"
         id="use1883"
         inkscape:label="Clip">
        <ellipse
           d="M 151.80909,100.49333 A 49.444862,52.919369 0 0 1 116.97792,151.04856 49.444862,52.919369 0 0 1 61.557678,130.37707 49.444862,52.919369 0 0 1 63.629341,67.602705 49.444862,52.919369 0 0 1 120.27417,51.167588 l -17.90994,49.325742 z"
           sodipodi:arc-type="slice"
           sodipodi:end="5.083038"
           sodipodi:start="0"
           sodipodi:ry="52.919369"
           sodipodi:rx="49.444862"
           sodipodi:cy="100.49333"
           sodipodi:cx="102.36423"
           sodipodi:type="arc"
           id="ellipse2346"
           style="display:block;fill:#000000;stroke-width:0.264583" />
      </g>
    </clipPath>
    <clipPath
       id="clipPath1899"
       clipPathUnits="userSpaceOnUse">
      <g
         id="use1901"
         inkscape:label="Clip"
         style="fill:#000000"
         mask="none">
        <g
           id="g2166"
           style="fill:#000000">
          <g
             inkscape:label="Clip"
             id="g2164"
             style="fill:#000000">
            <ellipse
               style="display:block;fill:#000000;stroke-width:0.264583"
               id="ellipse2162"
               sodipodi:type="arc"
               sodipodi:cx="102.36423"
               sodipodi:cy="100.49333"
               sodipodi:rx="49.444862"
               sodipodi:ry="52.919369"
               sodipodi:start="0"
               sodipodi:end="5.083038"
               sodipodi:arc-type="slice"
               d="M 151.80909,100.49333 A 49.444862,52.919369 0 0 1 116.97792,151.04856 49.444862,52.919369 0 0 1 61.557678,130.37707 49.444862,52.919369 0 0 1 63.629341,67.602705 49.444862,52.919369 0 0 1 120.27417,51.167588 l -17.90994,49.325742 z" />
          </g>
        </g>
      </g>
    </clipPath>
    <clipPath
       id="clipPath2180"
       clipPathUnits="userSpaceOnUse">
      <g
         style="fill:#000000"
         id="use2182"
         inkscape:label="Clip"
         mask="none">
        <g
           style="fill:#000000"
           id="g2342"
           transform="translate(31.003266,9.6217032)">
          <g
             style="fill:#000000"
             id="g2340"
             inkscape:label="Clip">
            <ellipse
               d="M 151.80909,100.49333 A 49.444862,52.919369 0 0 1 116.97792,151.04856 49.444862,52.919369 0 0 1 61.557678,130.37707 49.444862,52.919369 0 0 1 63.629341,67.602705 49.444862,52.919369 0 0 1 120.27417,51.167588 l -17.90994,49.325742 z"
               sodipodi:arc-type="slice"
               sodipodi:end="5.083038"
               sodipodi:start="0"
               sodipodi:ry="52.919369"
               sodipodi:rx="49.444862"
               sodipodi:cy="100.49333"
               sodipodi:cx="102.36423"
               sodipodi:type="arc"
               id="ellipse2338"
               style="display:block;fill:#000000;stroke-width:0.264583" />
          </g>
        </g>
      </g>
    </clipPath>
    <clipPath
       id="clipPath2431"
       clipPathUnits="userSpaceOnUse">
      <g
         mask="none"
         transform="translate(46.237624,-57.730207)"
         inkscape:label="Clip"
         id="g2437"
         style="display:inline;fill:#000000">
        <g
           transform="translate(31.003266,9.6217032)"
           id="g2435"
           style="fill:#000000">
          <rect
             y="30.468716"
             x="33.943241"
             height="100"
             width="100"
             id="rect2433"
             style="fill:#000000;stroke-width:0.264583" />
        </g>
      </g>
    </clipPath>
    <radialGradient
       gradientUnits="userSpaceOnUse"
       r="200.13229"
       fy="50.132294"
       fx="50.132294"
       cy="50.132294"
       cx="50.132294"
       id="radialGradient4715"
       xlink:href="#linearGradient4713"
       inkscape:collect="always" />
    <clipPath
       id="clipPath4719"
       clipPathUnits="userSpaceOnUse">
      <rect
         y="0.1322915"
         x="0.1322915"
         height="100"
         width="100"
         id="rect4721"
         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.264583;stroke-opacity:1" />
    </clipPath>
    <clipPath
       id="clipPath4732"
       clipPathUnits="userSpaceOnUse">
      <rect
         d="M 5.2820163,5.2820163 H 94.717983 V 94.717983 H 5.2820163 Z"
         y="5.2820163"
         x="5.2820163"
         height="89.435966"
         width="89.435966"
         id="rect4734"
         style="display:none;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.564033;stroke-opacity:1" />
      <path
         d="M -5.0000004,-5.0000004 H 105 V 105 H -5.0000004 Z M 5.2820163,5.2820163 V 94.717983 H 94.717983 V 5.2820163 Z"
         class="powerclip"
         style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.564033;stroke-opacity:1"
         id="lpe_path-effect4736" />
    </clipPath>
    <radialGradient
       gradientUnits="userSpaceOnUse"
       r="200"
       fy="50"
       fx="50"
       cy="50"
       cx="50"
       id="radialGradient4757"
       xlink:href="#linearGradient4755"
       inkscape:collect="always" />
    <clipPath
       id="clipPath4761"
       clipPathUnits="userSpaceOnUse">
      <rect
         y="0.24507599"
         x="0.24507599"
         height="99.50985"
         width="99.50985"
         id="rect4763"
         style="opacity:1;fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.490151;stroke-opacity:1" />
    </clipPath>
    <radialGradient
       r="200.13229"
       fy="50.132294"
       fx="50.132294"
       cy="50.132294"
       cx="50.132294"
       gradientUnits="userSpaceOnUse"
       id="radialGradient4767"
       xlink:href="#linearGradient4713"
       inkscape:collect="always" />
    <clipPath
       id="clipPath4778"
       clipPathUnits="userSpaceOnUse">
      <rect
         y="0.14383657"
         x="0.14383657"
         height="99.712326"
         width="99.712326"
         id="rect4780"
         style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.287674;stroke-opacity:1" />
    </clipPath>
    <clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath934">
      <rect
         style="fill:#1a1a1a;stroke:#000000;stroke-width:0.0964496"
         id="rect937"
         width="9.9035501"
         height="99.903549"
         x="100.04823"
         y="0.048224803" />
    </clipPath>
  </defs>
  <sodipodi:namedview
     showguides="false"
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="0.31628856"
     inkscape:cx="-352.24167"
     inkscape:cy="599.84058"
     inkscape:document-units="mm"
     inkscape:current-layer="svg8"
     inkscape:document-rotation="0"
     showgrid="false"
     units="mm"
     inkscape:pagecheckerboard="true"
     inkscape:window-width="1920"
     inkscape:window-height="1017"
     inkscape:window-x="-8"
     inkscape:window-y="-8"
     inkscape:window-maximized="1" />
  <metadata
     id="metadata5">
    <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
     sodipodi:insensitive="true"
     style="display:inline"
     inkscape:label="bg"
     id="layer5"
     inkscape:groupmode="layer">
    <image
       sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\palette\light-bg.svg"
       xlink:href="../palette/light-bg.svg"
       y="0"
       x="0"
       preserveAspectRatio="none"
       inkscape:svg-dpi="96"
       width="508"
       height="285.75"
       id="image1679"
       mask="none"
       clip-path="url(#clipPath934)" />
  </g>
  <g
     sodipodi:insensitive="true"
     style="display:none"
     inkscape:label="color-mask"
     id="layer3"
     inkscape:groupmode="layer">
    <g
       transform="translate(-111.18413,17.639789)"
       clip-path="url(#clipPath2431)"
       inkscape:label="Clip"
       id="g905">
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\palette\color0.svg"
         xlink:href="../palette/color0.svg"
         y="-17.63979"
         x="111.18413"
         preserveAspectRatio="none"
         inkscape:svg-dpi="96"
         width="508"
         height="285.75"
         id="image865" />
    </g>
    <g
       clip-path="url(#clipPath961)"
       id="g959">
      <g
         id="g957"
         inkscape:label="Clip" />
    </g>
    <g
       id="g1325" />
  </g>
  <g
     style="display:inline"
     inkscape:label="glyph"
     id="layer10"
     inkscape:groupmode="layer"
     sodipodi:insensitive="true">
    <text
       style="font-style:normal;font-weight:normal;font-size:50.8px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect4785);fill:#000000;fill-opacity:1;stroke:none;"
       id="text4783"
       xml:space="preserve"><tspan
         style="visibility:hidden"
         x="13.898438"
         y="111.7625"><tspan
           style="font-size:50.8px">#</tspan></tspan></text>
    <g
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:38.1px;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;white-space:pre;shape-inside:url(#rect4797);fill:#000000;fill-opacity:1;stroke:none"
       id="text4795"
       transform="matrix(3.0694237,0,0,2.9253487,311.6611,88.049961)"
       aria-label="#">
      <path
         id="path1057"
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:38.1px;font-family:sans-serif;-inkscape-font-specification:sans-serif"
         d="m -81.74087,-16.095167 h -5.413623 l -1.562695,6.2135743 h 5.45083 z m -2.790527,-10.5854 -1.934766,7.720459 h 5.432227 l 1.953369,-7.720459 h 2.976562 l -1.916162,7.720459 h 5.804297 v 2.864941 h -6.529834 l -1.525488,6.2135743 h 5.915917 v 2.8463378 h -6.641454 l -1.934766,7.70185511 h -2.976562 l 1.916162,-7.70185511 h -5.45083 l -1.916162,7.70185511 h -2.995166 l 1.934766,-7.70185511 h -5.860108 v -2.8463378 h 6.548438 l 1.562695,-6.2135743 h -5.990332 v -2.864941 h 6.715869 l 1.897558,-7.720459 z" />
    </g>
  </g>
  <g
     style="display:none"
     inkscape:label="hoverable"
     id="layer6"
     inkscape:groupmode="layer"
     sodipodi:insensitive="true">
    <g
       style="display:inline"
       inkscape:label="onHover"
       id="layer1"
       inkscape:groupmode="layer"
       sodipodi:insensitive="true">
      <path
         clip-path="url(#clipPath4719)"
         d="m -149.86771,-149.86771 h 400 v 400 h -400 z"
         height="400"
         mask="none"
         sodipodi:type="rect"
         y="-149.86771"
         x="-149.86771"
         width="400"
         id="rect2441"
         style="display:inline;fill:url(#radialGradient4767);fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.264583;stroke-opacity:1"
         onmouseover="this.style.fillOpacity=&quot;1&quot;;"
         onmouseout="this.style.fillOpacity=&quot;.01&quot;;" />
    </g>
    <g
       inkscape:label="event"
       id="layer2"
       inkscape:groupmode="layer"
       style="display:none"
       sodipodi:insensitive="true">
      <rect
         onmouseout="document.getElementById(&quot;layer1&quot;).style.display = &quot;none&quot;;"
         onmouseover="console.log(document);"
         y="0"
         x="0"
         height="100"
         width="100"
         id="rect230"
         style="display:inline;opacity:0.01;fill:#0000ff;stroke:none;stroke-width:4.31193" />
    </g>
  </g>
  <g
     sodipodi:insensitive="true"
     style="display:none"
     inkscape:label="selected"
     id="layer7"
     inkscape:groupmode="layer">
    <path
       sodipodi:type="rect"
       d="M 0.05032061,0.05032061 H 99.949681 V 99.949681 H 0.05032061 Z"
       inkscape:path-effect="#path-effect4736"
       clip-path="url(#clipPath4732)"
       y="0.050320607"
       x="0.050320607"
       height="99.899361"
       width="99.899361"
       id="rect4725"
       style="display:inline;opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.100642;stroke-opacity:1" />
  </g>
  <g
     sodipodi:insensitive="true"
     style="display:none"
     inkscape:label="non-selectable"
     id="layer8"
     inkscape:groupmode="layer">
    <rect
       clip-path="url(#clipPath4761)"
       y="-149.73576"
       x="-149.73576"
       height="399.47153"
       width="399.47153"
       id="rect4741"
       style="opacity:1;fill:url(#radialGradient4757);fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.528467;stroke-opacity:1" />
  </g>
  <g
     sodipodi:insensitive="true"
     style="display:none"
     inkscape:label="previously-selected"
     id="layer9"
     inkscape:groupmode="layer">
    <rect
       clip-path="url(#clipPath4778)"
       y="-25.657873"
       x="-36.883194"
       height="176.93243"
       width="182.2778"
       id="rect4774"
       style="opacity:1;fill:#000000;fill-opacity:0.75;fill-rule:nonzero;stroke:#000000;stroke-width:0.264583;stroke-opacity:1" />
  </g>
</svg>