cubing
Version:
A collection of JavaScript cubing libraries.
365 lines (294 loc) • 23.9 kB
JavaScript
// src/cubing/puzzles/implementations/dynamic/3x3x3/3x3x3.kpuzzle.svg.ts
var cube3x3x3SVG = `
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 518 440" preserveAspectRatio="xMidYMid meet">
<title>3x3x3</title>
<defs>
<g id="sticker">
<rect x="0" y="0" width="1" height="1" stroke="black" stroke-width="0.04px" />
</g>
<g id="sticker-thin-v">
<rect x="0" y="0" width="0.5" height="1" stroke="black" stroke-width="0.04px" style="opacity: 0.3;" />
</g>
<g id="sticker-thin-h">
<rect x="0" y="0" width="1" height="0.5" stroke="black" stroke-width="0.04px" style="opacity: 0.3;" />
</g>
</defs>
<g id="puzzle" transform="translate(5,40) scale(40)">
<!-- Hints -->
<use data-copy-id="CORNERS-l0-o1" href="#sticker-thin-v" transform="translate(6.5,2.1)" style="fill: red"/>
<use data-copy-id="EDGES-l1-o1" href="#sticker-thin-v" transform="translate(6.5,1.1)" style="fill: red"/>
<use data-copy-id="CORNERS-l1-o2" href="#sticker-thin-v" transform="translate(6.5,0.1)" style="fill: red"/>
<use data-copy-id="CORNERS-l2-o2" href="#sticker-thin-h" transform="translate(3.3,-0.6)" style="fill: #26f"/>
<use data-copy-id="EDGES-l2-o1" href="#sticker-thin-h" transform="translate(4.3,-0.6)" style="fill: #26f"/>
<use data-copy-id="CORNERS-l1-o1" href="#sticker-thin-h" transform="translate(5.3,-0.6)" style="fill: #26f"/>
<use data-copy-id="CORNERS-l3-o2" href="#sticker-thin-v" transform="translate(2.6,2.1)" style="fill: orange"/>
<use data-copy-id="EDGES-l3-o1" href="#sticker-thin-v" transform="translate(2.6,1.1)" style="fill: orange"/>
<use data-copy-id="CORNERS-l2-o1" href="#sticker-thin-v" transform="translate(2.6,0.1)" style="fill: orange"/>
<!-- CORNERS -->
<use id="CORNERS-l0-o0" href="#sticker" transform="translate(5.3,2.1)" style="fill: white"/>
<use id="CORNERS-l0-o1" href="#sticker" transform="translate(6.5,3.3)" style="fill: red"/>
<use id="CORNERS-l0-o2" href="#sticker" transform="translate(5.3,3.3)" style="fill: limegreen"/>
<use id="CORNERS-l1-o0" href="#sticker" transform="translate(5.3,0.1)" style="fill: white"/>
<use id="CORNERS-l1-o1" href="#sticker" transform="translate(9.7,3.3)" style="fill: #26f"/>
<use id="CORNERS-l1-o2" href="#sticker" transform="translate(8.5,3.3)" style="fill: red"/>
<use id="CORNERS-l2-o0" href="#sticker" transform="translate(3.3,0.1)" style="fill: white"/>
<use id="CORNERS-l2-o1" href="#sticker" transform="translate(0.1,3.3)" style="fill: orange"/>
<use id="CORNERS-l2-o2" href="#sticker" transform="translate(11.7,3.3)" style="fill: #26f"/>
<use id="CORNERS-l3-o0" href="#sticker" transform="translate(3.3,2.1)" style="fill: white"/>
<use id="CORNERS-l3-o1" href="#sticker" transform="translate(3.3,3.3)" style="fill: limegreen"/>
<use id="CORNERS-l3-o2" href="#sticker" transform="translate(2.1,3.3)" style="fill: orange"/>
<use id="CORNERS-l4-o0" href="#sticker" transform="translate(5.3,6.5)" style="fill: yellow"/>
<use id="CORNERS-l4-o1" href="#sticker" transform="translate(5.3,5.3)" style="fill: limegreen"/>
<use id="CORNERS-l4-o2" href="#sticker" transform="translate(6.5,5.3)" style="fill: red"/>
<use id="CORNERS-l5-o0" href="#sticker" transform="translate(3.3,6.5)" style="fill: yellow"/>
<use id="CORNERS-l5-o1" href="#sticker" transform="translate(2.1,5.3)" style="fill: orange"/>
<use id="CORNERS-l5-o2" href="#sticker" transform="translate(3.3,5.3)" style="fill: limegreen"/>
<use id="CORNERS-l6-o0" href="#sticker" transform="translate(3.3,8.5)" style="fill: yellow"/>
<use id="CORNERS-l6-o1" href="#sticker" transform="translate(11.7,5.3)" style="fill: #26f"/>
<use id="CORNERS-l6-o2" href="#sticker" transform="translate(0.1,5.3)" style="fill: orange"/>
<use id="CORNERS-l7-o0" href="#sticker" transform="translate(5.3,8.5)" style="fill: yellow"/>
<use id="CORNERS-l7-o1" href="#sticker" transform="translate(8.5,5.3)" style="fill: red"/>
<use id="CORNERS-l7-o2" href="#sticker" transform="translate(9.7,5.3)" style="fill: #26f"/>
<!-- EDGES -->
<use id="EDGES-l0-o0" href="#sticker" transform="translate(4.3,2.1)" style="fill: white"/>
<use id="EDGES-l0-o1" href="#sticker" transform="translate(4.3,3.3)" style="fill: limegreen"/>
<use id="EDGES-l1-o0" href="#sticker" transform="translate(5.3,1.1)" style="fill: white"/>
<use id="EDGES-l1-o1" href="#sticker" transform="translate(7.5,3.3)" style="fill: red"/>
<use id="EDGES-l2-o0" href="#sticker" transform="translate(4.3,0.1)" style="fill: white"/>
<use id="EDGES-l2-o1" href="#sticker" transform="translate(10.7,3.3)" style="fill: #26f"/>
<use id="EDGES-l3-o0" href="#sticker" transform="translate(3.3,1.1)" style="fill: white"/>
<use id="EDGES-l3-o1" href="#sticker" transform="translate(1.1,3.3)" style="fill: orange"/>
<use id="EDGES-l4-o0" href="#sticker" transform="translate(4.3,6.5)" style="fill: yellow"/>
<use id="EDGES-l4-o1" href="#sticker" transform="translate(4.3,5.3)" style="fill: limegreen"/>
<use id="EDGES-l5-o0" href="#sticker" transform="translate(5.3,7.5)" style="fill: yellow"/>
<use id="EDGES-l5-o1" href="#sticker" transform="translate(7.5,5.3)" style="fill: red"/>
<use id="EDGES-l6-o0" href="#sticker" transform="translate(4.3,8.5)" style="fill: yellow"/>
<use id="EDGES-l6-o1" href="#sticker" transform="translate(10.7,5.3)" style="fill: #26f"/>
<use id="EDGES-l7-o0" href="#sticker" transform="translate(3.3,7.5)" style="fill: yellow"/>
<use id="EDGES-l7-o1" href="#sticker" transform="translate(1.1,5.3)" style="fill: orange"/>
<use id="EDGES-l8-o0" href="#sticker" transform="translate(5.3,4.3)" style="fill: limegreen"/>
<use id="EDGES-l8-o1" href="#sticker" transform="translate(6.5,4.3)" style="fill: red"/>
<use id="EDGES-l9-o0" href="#sticker" transform="translate(3.3,4.3)" style="fill: limegreen"/>
<use id="EDGES-l9-o1" href="#sticker" transform="translate(2.1,4.3)" style="fill: orange"/>
<use id="EDGES-l10-o0" href="#sticker" transform="translate(9.7,4.3)" style="fill: #26f"/>
<use id="EDGES-l10-o1" href="#sticker" transform="translate(8.5,4.3)" style="fill: red"/>
<use id="EDGES-l11-o0" href="#sticker" transform="translate(11.7,4.3)" style="fill: #26f"/>
<use id="EDGES-l11-o1" href="#sticker" transform="translate(0.1,4.3)" style="fill: orange"/>
<!-- CENTERS -->
<!-- TODO: Allow the same sticker to be reused for multiple orientations -->
<use id="CENTERS-l0-o0" href="#sticker" transform="translate(4.3,1.1)" style="fill: white"/>
<use id="CENTERS-l0-o1" href="#sticker" transform="translate(4.3,1.1)" style="fill: white"/>
<use id="CENTERS-l0-o2" href="#sticker" transform="translate(4.3,1.1)" style="fill: white"/>
<use id="CENTERS-l0-o3" href="#sticker" transform="translate(4.3,1.1)" style="fill: white"/>
<use id="CENTERS-l1-o0" href="#sticker" transform="translate(1.1,4.3)" style="fill: orange"/>
<use id="CENTERS-l1-o1" href="#sticker" transform="translate(1.1,4.3)" style="fill: orange"/>
<use id="CENTERS-l1-o2" href="#sticker" transform="translate(1.1,4.3)" style="fill: orange"/>
<use id="CENTERS-l1-o3" href="#sticker" transform="translate(1.1,4.3)" style="fill: orange"/>
<use id="CENTERS-l2-o0" href="#sticker" transform="translate(4.3,4.3)" style="fill: limegreen"/>
<use id="CENTERS-l2-o1" href="#sticker" transform="translate(4.3,4.3)" style="fill: limegreen"/>
<use id="CENTERS-l2-o2" href="#sticker" transform="translate(4.3,4.3)" style="fill: limegreen"/>
<use id="CENTERS-l2-o3" href="#sticker" transform="translate(4.3,4.3)" style="fill: limegreen"/>
<use id="CENTERS-l3-o0" href="#sticker" transform="translate(7.5,4.3)" style="fill: red"/>
<use id="CENTERS-l3-o1" href="#sticker" transform="translate(7.5,4.3)" style="fill: red"/>
<use id="CENTERS-l3-o2" href="#sticker" transform="translate(7.5,4.3)" style="fill: red"/>
<use id="CENTERS-l3-o3" href="#sticker" transform="translate(7.5,4.3)" style="fill: red"/>
<use id="CENTERS-l4-o0" href="#sticker" transform="translate(10.7,4.3)" style="fill: #26f"/>
<use id="CENTERS-l4-o1" href="#sticker" transform="translate(10.7,4.3)" style="fill: #26f"/>
<use id="CENTERS-l4-o2" href="#sticker" transform="translate(10.7,4.3)" style="fill: #26f"/>
<use id="CENTERS-l4-o3" href="#sticker" transform="translate(10.7,4.3)" style="fill: #26f"/>
<use id="CENTERS-l5-o0" href="#sticker" transform="translate(4.3,7.5)" style="fill: yellow"/>
<use id="CENTERS-l5-o1" href="#sticker" transform="translate(4.3,7.5)" style="fill: yellow"/>
<use id="CENTERS-l5-o2" href="#sticker" transform="translate(4.3,7.5)" style="fill: yellow"/>
<use id="CENTERS-l5-o3" href="#sticker" transform="translate(4.3,7.5)" style="fill: yellow"/>
</g>
</svg>
`;
// src/cubing/puzzles/implementations/dynamic/3x3x3/3x3x3-ll.kpuzzle.svg.ts
var cube3x3x3LLSVG = `
<svg width="288px" height="288px" viewBox="-16 -16 288 288" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>3x3x3 LL</title>
<defs>
<g id="sticker">
<rect x="-10" y="-10" width="1" height="1" stroke="black" stroke-width="0.04px" />
</g>
</defs>
<g id="3x3x3-LL" stroke="none" stroke-width="4" style="none" stroke-linejoin="round">
<rect id="CENTERS-l0-o0" stroke="#000000" style="fill: white" x="96" y="96" width="64" height="64"></rect>
<rect id="CENTERS-l0-o1" stroke="#000000" style="fill: white" x="96" y="96" width="64" height="64"></rect>
<rect id="CENTERS-l0-o2" stroke="#000000" style="fill: white" x="96" y="96" width="64" height="64"></rect>
<rect id="CENTERS-l0-o3" stroke="#000000" style="fill: white" x="96" y="96" width="64" height="64"></rect>
<rect id="CORNERS-l0-o0" stroke="#000000" style="fill: white" x="160" y="160" width="64" height="64"></rect>
<polygon id="CORNERS-l0-o1" stroke="#000000" style="fill: red" points="224 160 252 160 252 252 224 224"></polygon>
<polygon id="CORNERS-l0-o2" stroke="#000000" style="fill: limegreen" transform="translate(206, 238) scale(1, -1) rotate(-90) translate(-206, -238) " points="192 192 220 192 220 284 192 256"></polygon>
<rect id="CORNERS-l1-o0" stroke="#000000" style="fill: white" x="160" y="32" width="64" height="64"></rect>
<polygon id="CORNERS-l1-o1" stroke="#000000" style="fill: #26f" transform="translate(206, 18) rotate(-90) translate(-206, -18) " points="192 -28 220 -28 220 64 192 36"></polygon>
<polygon id="CORNERS-l1-o2" stroke="#000000" style="fill: red" transform="translate(238, 50) scale(1, -1) translate(-238, -50) " points="224 4 252 4 252 96 224 68"></polygon>
<rect id="CORNERS-l2-o0" stroke="#000000" style="fill: white" x="32" y="32" width="64" height="64"></rect>
<polygon id="CORNERS-l2-o1" stroke="#000000" style="fill: orange" transform="translate(18, 50) scale(-1, -1) translate(-18, -50) " points="4 4 32 4 32 96 4 68"></polygon>
<polygon id="CORNERS-l2-o2" stroke="#000000" style="fill: #26f" transform="translate(50, 18) scale(1, -1) rotate(90) translate(-50, -18) " points="36 -28 64 -28 64 64 36 36"></polygon>
<rect id="CORNERS-l3-o0" stroke="#000000" style="fill: white" x="32" y="160" width="64" height="64"></rect>
<polygon id="CORNERS-l3-o1" stroke="#000000" style="fill: limegreen" transform="translate(50, 238) rotate(90) translate(-50, -238) " points="36 192 64 192 64 284 36 256"></polygon>
<polygon id="CORNERS-l3-o2" stroke="#000000" style="fill: orange" transform="translate(18, 206) scale(-1, 1) translate(-18, -206) " points="4 160 32 160 32 252 4 224"></polygon>
<rect id="EDGES-l0-o0" stroke="#000000" style="fill: white" x="96" y="160" width="64" height="64"></rect>
<rect id="EDGES-l0-o1" stroke="#000000" style="fill: limegreen" transform="translate(128, 238) scale(1, -1) rotate(90) translate(-128, -238) " x="114" y="206" width="28" height="64"></rect>
<rect id="EDGES-l1-o0" stroke="#000000" style="fill: white" x="160" y="96" width="64" height="64"></rect>
<rect id="EDGES-l1-o1" stroke="#000000" style="fill: red" x="224" y="96" width="28" height="64"></rect>
<rect id="EDGES-l2-o0" stroke="#000000" style="fill: white" x="96" y="32" width="64" height="64"></rect>
<rect id="EDGES-l2-o1" stroke="#000000" style="fill: #26f" transform="translate(128, 18) scale(1, -1) rotate(90) translate(-128, -18) " x="114" y="-14" width="28" height="64"></rect>
<rect id="EDGES-l3-o0" stroke="#000000" style="fill: white" x="32" y="96" width="64" height="64"></rect>
<rect id="EDGES-l3-o1" stroke="#000000" style="fill: orange" x="4" y="96" width="28" height="64"></rect>
</g>
<g style="opacity: 0">
<!-- CORNERS -->
<use id="CORNERS-l4-o0" href="#sticker" style="fill: yellow"/>
<use id="CORNERS-l4-o1" href="#sticker" style="fill: limegreen"/>
<use id="CORNERS-l4-o2" href="#sticker" style="fill: red"/>
<use id="CORNERS-l5-o0" href="#sticker" style="fill: yellow"/>
<use id="CORNERS-l5-o1" href="#sticker" style="fill: orange"/>
<use id="CORNERS-l5-o2" href="#sticker" style="fill: limegreen"/>
<use id="CORNERS-l6-o0" href="#sticker" style="fill: yellow"/>
<use id="CORNERS-l6-o1" href="#sticker" style="fill: #26f"/>
<use id="CORNERS-l6-o2" href="#sticker" style="fill: orange"/>
<use id="CORNERS-l7-o0" href="#sticker" style="fill: yellow"/>
<use id="CORNERS-l7-o1" href="#sticker" style="fill: red"/>
<use id="CORNERS-l7-o2" href="#sticker" style="fill: #26f"/>
<!-- EDGES -->
<use id="EDGES-l4-o0" href="#sticker" style="fill: yellow"/>
<use id="EDGES-l4-o1" href="#sticker" style="fill: limegreen"/>
<use id="EDGES-l5-o0" href="#sticker" style="fill: yellow"/>
<use id="EDGES-l5-o1" href="#sticker" style="fill: red"/>
<use id="EDGES-l6-o0" href="#sticker" style="fill: yellow"/>
<use id="EDGES-l6-o1" href="#sticker" style="fill: #26f"/>
<use id="EDGES-l7-o0" href="#sticker" style="fill: yellow"/>
<use id="EDGES-l7-o1" href="#sticker" style="fill: orange"/>
<use id="EDGES-l8-o0" href="#sticker" style="fill: limegreen"/>
<use id="EDGES-l8-o1" href="#sticker" style="fill: red"/>
<use id="EDGES-l9-o0" href="#sticker" style="fill: limegreen"/>
<use id="EDGES-l9-o1" href="#sticker" style="fill: orange"/>
<use id="EDGES-l10-o0" href="#sticker" style="fill: #26f"/>
<use id="EDGES-l10-o1" href="#sticker" style="fill: red"/>
<use id="EDGES-l11-o0" href="#sticker" style="fill: #26f"/>
<use id="EDGES-l11-o1" href="#sticker" style="fill: orange"/>
<!-- CENTERS -->
<!-- TODO: Allow the same sticker to be reused for multiple orientations -->
<use id="CENTERS-l1-o0" href="#sticker" style="fill: orange"/>
<use id="CENTERS-l1-o1" href="#sticker" style="fill: orange"/>
<use id="CENTERS-l1-o2" href="#sticker" style="fill: orange"/>
<use id="CENTERS-l1-o3" href="#sticker" style="fill: orange"/>
<use id="CENTERS-l2-o0" href="#sticker" style="fill: limegreen"/>
<use id="CENTERS-l2-o1" href="#sticker" style="fill: limegreen"/>
<use id="CENTERS-l2-o2" href="#sticker" style="fill: limegreen"/>
<use id="CENTERS-l2-o3" href="#sticker" style="fill: limegreen"/>
<use id="CENTERS-l3-o0" href="#sticker" style="fill: red"/>
<use id="CENTERS-l3-o1" href="#sticker" style="fill: red"/>
<use id="CENTERS-l3-o2" href="#sticker" style="fill: red"/>
<use id="CENTERS-l3-o3" href="#sticker" style="fill: red"/>
<use id="CENTERS-l4-o0" href="#sticker" style="fill: #26f"/>
<use id="CENTERS-l4-o1" href="#sticker" style="fill: #26f"/>
<use id="CENTERS-l4-o2" href="#sticker" style="fill: #26f"/>
<use id="CENTERS-l4-o3" href="#sticker" style="fill: #26f"/>
<use id="CENTERS-l5-o0" href="#sticker" style="fill: yellow"/>
<use id="CENTERS-l5-o1" href="#sticker" style="fill: yellow"/>
<use id="CENTERS-l5-o2" href="#sticker" style="fill: yellow"/>
<use id="CENTERS-l5-o3" href="#sticker" style="fill: yellow"/>
</g>
</svg>`;
// src/cubing/puzzles/implementations/dynamic/3x3x3/3x3x3-ll-face.kpuzzle.svg.ts
var cube3x3x3LLFaceSVG = `
<svg width="204px" height="204px" viewBox="30 30 196 196" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>3x3x3 LL</title>
<defs>
<g id="sticker">
<rect x="-10" y="-10" width="1" height="1" stroke="black" stroke-width="0.04px" />
</g>
</defs>
<g id="3x3x3-LL" stroke="none" stroke-width="4" style="none" stroke-linejoin="round">
<rect x="32" y="32" width="192" height="192" stroke="black" stroke-width="16px" />
<rect id="CENTERS-l0-o0" stroke="#000000" style="fill: white" x="96" y="96" width="64" height="64"></rect>
<rect id="CENTERS-l0-o1" stroke="#000000" style="fill: white" x="96" y="96" width="64" height="64"></rect>
<rect id="CENTERS-l0-o2" stroke="#000000" style="fill: white" x="96" y="96" width="64" height="64"></rect>
<rect id="CENTERS-l0-o3" stroke="#000000" style="fill: white" x="96" y="96" width="64" height="64"></rect>
<rect id="CORNERS-l0-o0" stroke="#000000" style="fill: white" x="160" y="160" width="64" height="64"></rect>
<rect id="CORNERS-l1-o0" stroke="#000000" style="fill: white" x="160" y="32" width="64" height="64"></rect>
<rect id="CORNERS-l2-o0" stroke="#000000" style="fill: white" x="32" y="32" width="64" height="64"></rect>
<rect id="CORNERS-l3-o0" stroke="#000000" style="fill: white" x="32" y="160" width="64" height="64"></rect>
<rect id="EDGES-l0-o0" stroke="#000000" style="fill: white" x="96" y="160" width="64" height="64"></rect>
<rect id="EDGES-l1-o0" stroke="#000000" style="fill: white" x="160" y="96" width="64" height="64"></rect>
<rect id="EDGES-l2-o0" stroke="#000000" style="fill: white" x="96" y="32" width="64" height="64"></rect>
<rect id="EDGES-l3-o0" stroke="#000000" style="fill: white" x="32" y="96" width="64" height="64"></rect>
</g>
<g style="opacity: 0">
<polygon id="CORNERS-l0-o1" stroke="#000000" style="fill: red" points="224 160 252 160 252 252 224 224"></polygon>
<polygon id="CORNERS-l0-o2" stroke="#000000" style="fill: limegreen" transform="translate(206, 238) scale(1, -1) rotate(-90) translate(-206, -238) " points="192 192 220 192 220 284 192 256"></polygon>
<polygon id="CORNERS-l1-o1" stroke="#000000" style="fill: #26f" transform="translate(206, 18) rotate(-90) translate(-206, -18) " points="192 -28 220 -28 220 64 192 36"></polygon>
<polygon id="CORNERS-l1-o2" stroke="#000000" style="fill: red" transform="translate(238, 50) scale(1, -1) translate(-238, -50) " points="224 4 252 4 252 96 224 68"></polygon>
<polygon id="CORNERS-l2-o1" stroke="#000000" style="fill: orange" transform="translate(18, 50) scale(-1, -1) translate(-18, -50) " points="4 4 32 4 32 96 4 68"></polygon>
<polygon id="CORNERS-l2-o2" stroke="#000000" style="fill: #26f" transform="translate(50, 18) scale(1, -1) rotate(90) translate(-50, -18) " points="36 -28 64 -28 64 64 36 36"></polygon>
<polygon id="CORNERS-l3-o1" stroke="#000000" style="fill: limegreen" transform="translate(50, 238) rotate(90) translate(-50, -238) " points="36 192 64 192 64 284 36 256"></polygon>
<polygon id="CORNERS-l3-o2" stroke="#000000" style="fill: orange" transform="translate(18, 206) scale(-1, 1) translate(-18, -206) " points="4 160 32 160 32 252 4 224"></polygon>
<rect id="EDGES-l0-o1" stroke="#000000" style="fill: limegreen" transform="translate(128, 238) scale(1, -1) rotate(90) translate(-128, -238) " x="114" y="206" width="28" height="64"></rect>
<rect id="EDGES-l1-o1" stroke="#000000" style="fill: red" x="224" y="96" width="28" height="64"></rect>
<rect id="EDGES-l2-o1" stroke="#000000" style="fill: #26f" transform="translate(128, 18) scale(1, -1) rotate(90) translate(-128, -18) " x="114" y="-14" width="28" height="64"></rect>
<rect id="EDGES-l3-o1" stroke="#000000" style="fill: orange" x="4" y="96" width="28" height="64"></rect>
<!-- CORNERS -->
<use id="CORNERS-l4-o0" href="#sticker" style="fill: yellow"/>
<use id="CORNERS-l4-o1" href="#sticker" style="fill: limegreen"/>
<use id="CORNERS-l4-o2" href="#sticker" style="fill: red"/>
<use id="CORNERS-l5-o0" href="#sticker" style="fill: yellow"/>
<use id="CORNERS-l5-o1" href="#sticker" style="fill: orange"/>
<use id="CORNERS-l5-o2" href="#sticker" style="fill: limegreen"/>
<use id="CORNERS-l6-o0" href="#sticker" style="fill: yellow"/>
<use id="CORNERS-l6-o1" href="#sticker" style="fill: #26f"/>
<use id="CORNERS-l6-o2" href="#sticker" style="fill: orange"/>
<use id="CORNERS-l7-o0" href="#sticker" style="fill: yellow"/>
<use id="CORNERS-l7-o1" href="#sticker" style="fill: red"/>
<use id="CORNERS-l7-o2" href="#sticker" style="fill: #26f"/>
<!-- EDGES -->
<use id="EDGES-l4-o0" href="#sticker" style="fill: yellow"/>
<use id="EDGES-l4-o1" href="#sticker" style="fill: limegreen"/>
<use id="EDGES-l5-o0" href="#sticker" style="fill: yellow"/>
<use id="EDGES-l5-o1" href="#sticker" style="fill: red"/>
<use id="EDGES-l6-o0" href="#sticker" style="fill: yellow"/>
<use id="EDGES-l6-o1" href="#sticker" style="fill: #26f"/>
<use id="EDGES-l7-o0" href="#sticker" style="fill: yellow"/>
<use id="EDGES-l7-o1" href="#sticker" style="fill: orange"/>
<use id="EDGES-l8-o0" href="#sticker" style="fill: limegreen"/>
<use id="EDGES-l8-o1" href="#sticker" style="fill: red"/>
<use id="EDGES-l9-o0" href="#sticker" style="fill: limegreen"/>
<use id="EDGES-l9-o1" href="#sticker" style="fill: orange"/>
<use id="EDGES-l10-o0" href="#sticker" style="fill: #26f"/>
<use id="EDGES-l10-o1" href="#sticker" style="fill: red"/>
<use id="EDGES-l11-o0" href="#sticker" style="fill: #26f"/>
<use id="EDGES-l11-o1" href="#sticker" style="fill: orange"/>
<!-- CENTERS -->
<!-- TODO: Allow the same sticker to be reused for multiple orientations -->
<use id="CENTERS-l1-o0" href="#sticker" style="fill: orange"/>
<use id="CENTERS-l1-o1" href="#sticker" style="fill: orange"/>
<use id="CENTERS-l1-o2" href="#sticker" style="fill: orange"/>
<use id="CENTERS-l1-o3" href="#sticker" style="fill: orange"/>
<use id="CENTERS-l2-o0" href="#sticker" style="fill: limegreen"/>
<use id="CENTERS-l2-o1" href="#sticker" style="fill: limegreen"/>
<use id="CENTERS-l2-o2" href="#sticker" style="fill: limegreen"/>
<use id="CENTERS-l2-o3" href="#sticker" style="fill: limegreen"/>
<use id="CENTERS-l3-o0" href="#sticker" style="fill: red"/>
<use id="CENTERS-l3-o1" href="#sticker" style="fill: red"/>
<use id="CENTERS-l3-o2" href="#sticker" style="fill: red"/>
<use id="CENTERS-l3-o3" href="#sticker" style="fill: red"/>
<use id="CENTERS-l4-o0" href="#sticker" style="fill: #26f"/>
<use id="CENTERS-l4-o1" href="#sticker" style="fill: #26f"/>
<use id="CENTERS-l4-o2" href="#sticker" style="fill: #26f"/>
<use id="CENTERS-l4-o3" href="#sticker" style="fill: #26f"/>
<use id="CENTERS-l5-o0" href="#sticker" style="fill: yellow"/>
<use id="CENTERS-l5-o1" href="#sticker" style="fill: yellow"/>
<use id="CENTERS-l5-o2" href="#sticker" style="fill: yellow"/>
<use id="CENTERS-l5-o3" href="#sticker" style="fill: yellow"/>
</g>
</svg>`;
export {
cube3x3x3LLFaceSVG,
cube3x3x3LLSVG,
cube3x3x3SVG
};
//# sourceMappingURL=puzzles-dynamic-3x3x3-JWIWLLZA.js.map