sparnatural

Version:

Visual client-side SPARQL query builder and knowledge graph exploration tool

27 lines (24 loc) • 13.5 kB

text/typescript

const enum UiuxConfig { ICON_SELECTED_VARIABLE = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>', ICON_NOT_SELECTED_VARIABLE = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye-off"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>', ICON_AZ = '<svg xmlns="http://www.w3.org/2000/svg" width="28.535" height="30" viewBox="0 0 28.535 30"><g id="Groupe_224" data-name="Groupe 224" transform="translate(-1459.465 -996)"><text id="A_Z" data-name="AZ" transform="translate(1460 996)" fill="#767676" font-size="14" font-family="Roboto-Regular, Roboto"><tspan x="0" y="13">A</tspan><tspan x="0" y="27">Z</tspan></text><path id="A_Z_-_Contour" data-name="AZ - Contour" d="M3.648,2.547H5.485L9.675,13.5H7.252L6.3,10.9H2.833L1.9,13.5H-.535Zm.793,1h-.1L.918,12.5h.276L2.13,9.9H7l.95,2.6h.271L4.8,3.547H4.691L6.976,9.822H2.165ZM5.548,8.822l-.98-2.691L3.591,8.822ZM.177,16.547H8.115v1.62l-5.022,7.26H8.334V27.5H.088V25.86l5-7.233H.177Zm6.938,1H1.177v.08H7L1.088,26.172V26.5H7.334v-.073H1.186l5.929-8.572Z" transform="translate(1460 996)" fill="#707070"/><g id="Groupe_219" data-name="Groupe 219" transform="translate(3031.094 2018.133) rotate(180)"><path id="Ligne_126" data-name="Ligne 126" d="M0,23.189a1,1,0,0,1-1-1V0A1,1,0,0,1,0-1,1,1,0,0,1,1,0V22.189A1,1,0,0,1,0,23.189Z" transform="translate(1555.23 996.323)" fill="#707070"/><path id="Tracé_306" data-name="Tracé 306" d="M2200.033-375.639a1,1,0,0,1-.925-.618l-1.982-4.793-2.031,4.8a1,1,0,0,1-1.311.531,1,1,0,0,1-.531-1.311l2.962-7a1,1,0,0,1,.921-.61h0a1,1,0,0,1,.92.618l2.9,7a1,1,0,0,1-.542,1.306A1,1,0,0,1,2200.033-375.639Z" transform="translate(-641.939 1379.395)" fill="#707070"/></g></g></svg>', ICON_ZA = '<svg xmlns="http://www.w3.org/2000/svg" width="28.535" height="30" viewBox="0 0 28.535 30"><g id="Groupe_223" data-name="Groupe 223" transform="translate(-1505.465 -996)"><text id="Z_A" data-name="ZA" transform="translate(1506 996)" fill="#767676" font-size="14" font-family="Roboto-Regular, Roboto"><tspan x="0" y="13">Z</tspan><tspan x="0" y="27">A</tspan></text><path id="Z_A_-_Contour" data-name="ZA - Contour" d="M.177,2.547H8.115v1.62l-5.022,7.26H8.334V13.5H.088V11.86l5-7.233H.177Zm6.938,1H1.177v.08H7L1.088,12.172V12.5H7.334v-.073H1.186L7.115,3.855Zm-3.467,13H5.485L9.675,27.5H7.252L6.3,24.9H2.833L1.9,27.5H-.535Zm.793,1h-.1L.918,26.5h.276l.937-2.6H7l.95,2.6h.271L4.8,17.547H4.691l2.285,6.275H2.165Zm1.107,5.275-.98-2.691-.976,2.691Z" transform="translate(1506 996)" fill="#707070"/><g id="Groupe_220" data-name="Groupe 220" transform="translate(3077.165 2018.133) rotate(180)"><path id="Ligne_126" data-name="Ligne 126" d="M0,23.189a1,1,0,0,1-1-1V0A1,1,0,0,1,0-1,1,1,0,0,1,1,0V22.189A1,1,0,0,1,0,23.189Z" transform="translate(1555.23 996.323)" fill="#707070"/><path id="Tracé_306" data-name="Tracé 306" d="M2200.033-375.639a1,1,0,0,1-.925-.618l-1.982-4.793-2.031,4.8a1,1,0,0,1-1.311.531,1,1,0,0,1-.531-1.311l2.962-7a1,1,0,0,1,.921-.61h0a1,1,0,0,1,.92.618l2.9,7a1,1,0,0,1-.542,1.306A1,1,0,0,1,2200.033-375.639Z" transform="translate(-641.939 1379.395)" fill="#707070"/></g></g></svg>', ICON_NO_ORDER = '<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"><g id="Groupe_221" data-name="Groupe 221" transform="translate(-1554 -1000)"><path id="Ellipse_13" data-name="Ellipse 13" d="M11,1.7A9.3,9.3,0,1,0,20.3,11,9.311,9.311,0,0,0,11,1.7M11,0A11,11,0,1,1,0,11,11,11,0,0,1,11,0Z" transform="translate(1554 1000)" fill="#707070"/><path id="Ligne_127" data-name="Ligne 127" d="M.462,11.714l-.924-1.427,17-11L17.462.714Z" transform="translate(1556.5 1005.5)" fill="#707070"/></g></svg>', COMPONENT_ARROW_BACK = '<svg data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 48.000001"><defs></defs><path class="cls-1" d="M 18.008733,1.5080381 6.6838121,1.5024032 c 0,0 -2.7510996,0.04416 -4.2115752,1.5946504 -2.02680282,2.1517235 -0.2098002,4.361739 -0.2098002,4.361739 0,0 8.2984163,9.9121154 11.7095953,13.1759434 1.225377,1.172444 1.678616,2.314014 1.658747,3.289995 l 0.0038,0.312891 c 0.01988,0.975981 -0.357679,2.113567 -1.583053,3.28601 C 10.640342,30.78746 2.2971761,40.70739 2.2971761,40.70739 c 0,0 -1.96022402,2.586197 0.363389,4.448506 1.7469044,1.400093 3.8753989,1.339578 3.8753989,1.339578 l 11.468674,0.0044"/></svg>', COMPONENT_ARROW_FRONT = '<svg data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 48"><defs></defs><path class="cls-1" d="M 3.5511345e-5,46.497994 1.4361963,46.498028 C 4.1152796,46.495828 6.5425435,45.960846 8.383125,43.886622 12.296677,39.36225 22.28399,27.872435 22.28399,27.872435 c 0,0 1.196835,-1.301906 1.168082,-3.372191 -0.02772,-1.995828 -1.327436,-3.531545 -1.327436,-3.531545 0,0 -2.138386,-2.468047 -5.246376,-6.031304 C 13.831845,11.444733 10.328483,7.4203762 8.3992834,5.177641 6.5556265,3.0981441 4.025266,1.5036569 1.2346701,1.5 H 1.7192135e-4"/><rect width="25" height="5" x="0" y="43" /><rect width="25" height="5" x="0" y="0" /></svg>', COMPONENT_OPTION_ARROW_FRONT = '<svg data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 48"><defs></defs><path class="cls-1" d="m 3.0917719,45 9.8014121,-0.0026 c 2.568402,-0.0021 4.895386,-0.501445 6.659927,-2.43767 3.751871,-4.223356 13.326575,-14.948695 13.326575,-14.948695 0,0 1.14739,-1.215113 1.119825,-3.147661 -0.02657,-1.863045 -1.272596,-3.297016 -1.272596,-3.297016 0,0 -2.050042,-2.303657 -5.02963,-5.629849 C 24.776727,12.276335 21.428693,8.4681514 19.579195,6.3746257 17.811705,4.4334779 15.865226,3.0034141 13.189919,3.0000005 10.383928,3.0115521 3.0000011,3.0030926 3.0000011,3.0030926 L 18.65782,21.16648 c 0,0 1.230775,1.56816 1.223285,3.297016 0.0018,1.761575 -1.319153,3.14766 -1.319153,3.14766 z" style="stroke-width:0;"/></svg>', COMPONENT_DRAG_HANDLE = '<svg data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1.5274673 3.9676008"><defs></defs><g><g style="display:inline" transform="translate(0,-0.00102867)"><path style="fill:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.793749, 0.793749;stroke-dashoffset:0;stroke-opacity:1" d="M 0.13229143,1.3296317e-4 0.13760743,3.9679622" sodipodi:nodetypes="cc" /><path style="fill:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.793749, 0.793749;stroke-dashoffset:0;stroke-opacity:1" d="M 1.3939913,0.00220012 1.3927859,3.9685394" sodipodi:nodetypes="cc" /></g></g></svg>', ICON_RESET = '<svg id="icon_reset" data-name="icon_reset" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><defs></defs><path class="cls-1" d="M11.93,8.46A4.25,4.25,0,1,1,10.34,4.4"/><polyline class="cls-1" points="8.56 5.29 10.58 4.65 9.94 2.63"/></svg>', ICON_ARROW_TOP = '<svg class="icon-arrow-top" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 14.2 7.5" style="enable-background:new 0 0 14.2 7.5;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}</style><polyline class="st0" points="13.8,7.1 7.1,0.4 0.4,7.1 "/></svg>', ICON_ARROW_BOTTOM = '<svg class="icon-arrow-bottom" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 14.2 7.5" style="enable-background:new 0 0 14.2 7.5;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}</style><polyline class="st0" points="0.4,0.4 7.1,7.1 13.8,0.4 "/></svg>', ICON_TREE = '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAABaCAYAAADadFp7AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAASdEVYdFNvZnR3YXJlAEdyZWVuc2hvdF5VCAUAAAIWSURBVHhe7ZvRjcJADAXTGXQCnUAH0BF0RAmcspKlKPIGO3LuITIjzccSZ6UdfjiODG/4d4gugOgCiC6A6AKILoDoAogugOgCiC6A6AKILmB19GEYNvXxeDTXYvePevtXmoXoBWYheoFZiF5glt1GP51OzcvlEvJwODS9vbIQ3QnsSfQARF/h/X5vPp/PVdr9o97+2TfV4nt7ZSF6kF1E31qiCyS6QKILJLpAojvebremxRm11yLztu7N21wUogfmbd2bt7kou4juRbHXIvO27s1n/w44n89Nb68sRHcCexI9MG/r3jzRHecRR5Yizudt3ZuvNAvRC8xC9AKzEL3ALEQvMMvq6NNDbeHr9WpOsWvewe2aYfeP2rWtzEL0ArOsjq7ADhmJ/s0QXQDRBRBdANEFEF0A0QUQXQDRBRBdANEFEF0A0QUQXcDPRp9+tev9d7/SLEQvMAvRC8zys9Ft3ZuvNAvRC8xC9AKzEL3ALLuNPv89+yftYV9vryxEn8wtSXTn4HbNsHVvnuhBLIB38PnvzW096s3bXlG+4vEXBUQXsBQ9K9GDEF0A0QUQXQDRBdhXtRZsSfscPuqFsrkoRJ/E7Ul0AdM3wAtlD+Ner9eQx+Ox6e2VhehOYE+iByC6gE/RK81C9AKzEL3ALEQvMAvRC8zys9G/GaILILoAogsgugCiCyC6AKILILoAogsg+r/zfv8BQP0fDMjxSz8AAAAASUVORK5CYII=" alt="" />', ICON_PLAY = '<svg class="playIcon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 3.9 4.4" style="enable-background:new 0 0 3.9 4.4;" xml:space="preserve"><path d="M3.7,1.8C3.9,2,4,2.2,3.8,2.4c0,0,0,0,0,0c0,0.1-0.1,0.1-0.2,0.2l-3,1.7C0.5,4.5,0.2,4.4,0.1,4.2C0,4.2,0,4.1,0,4V0.5C0,0.2,0.2,0,0.4,0c0,0,0,0,0,0c0.1,0,0.2,0,0.2,0.1L3.7,1.8z"/></svg><svg version="1.1" class="playLoader" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve"><path fill="#fff" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite" /></path></svg>', ICON_CIRCLE_INFO = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 184c13.25 0 24-10.74 24-24c0-13.25-10.75-24-24-24S232 146.7 232 160C232 173.3 242.7 184 256 184zM304 352h-32V240C272 231.2 264.8 224 256 224H224C215.2 224 208 231.2 208 240S215.2 256 224 256h16v96h-32C199.2 352 192 359.2 192 368C192 376.8 199.2 384 208 384h96c8.836 0 16-7.164 16-16C320 359.2 312.8 352 304 352z"/></svg>', ICON_LOOADER = '<svg version="1.1" class="playLoader" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve"><path fill="#000" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite" /></path></svg>', ICON_REG_XMARK = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>`, ICON_PLUS = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg>`, ICON_PEN = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM357.8 139.7l14.4 14.4c15.6 15.6 15.6 40.9 0 56.6l-21.4 21.4-71-71 21.4-21.4c15.6-15.6 40.9-15.6 56.6 0zM151.9 289L257.1 183.8l71 71L222.9 359.9c-4.1 4.1-9.2 7-14.9 8.4l-60.1 15c-5.5 1.4-11.2-.2-15.2-4.2s-5.6-9.7-4.2-15.2l15-60.1c1.4-5.6 4.3-10.8 8.4-14.9z"/></svg>`, ICON_DAG_ARROW_RIGHT = `<svg xmlns="http://www.w3.org/2000/svg" width="11" height="16" viewBox="0 0 11 16" fill="none"><path d="M2 2L8 8L2 14" stroke="black" stroke-width="3" stroke-linecap="round"/></svg>`, ICON_DAG_ARROW_LEFT = `<svg xmlns="http://www.w3.org/2000/svg" width="11" height="16" viewBox="0 0 11 16" fill="none"><path d="M9 14L3 8L9 2" stroke="black" stroke-width="3" stroke-linecap="round"/></svg>`, } export default UiuxConfig;