Options
All
  • Public
  • Public/Protected
  • All
Menu

Module @pixano/core

@pixano/core

pixano-elements core library classes and utility functions.

Index

Type aliases

Observer

Observer: (op: string, ...args: any[]) => any

Type declaration

    • (op: string, ...args: any[]): any
    • Parameters

      • op: string
      • Rest ...args: any[]

      Returns any

Variables

Const balloon

balloon: TemplateResult = html`<svg width="24" height="24"><path d="M8.96 23.8c-.17-.13-.53-1.83-1.45-6.87a6.72 6.72 0 00-.34-1.4c-.06-.03-.28-.02-.5.03-.63.15-1.07.12-1.07-.07 0-.1.24-.56.53-1.03.3-.48.53-.9.53-.93 0-.04-.22-.13-.49-.2-1.63-.41-3.71-2-4.8-3.65a6.1 6.1 0 01-1.04-3.3A5.75 5.75 0 014.43.31c.88-.3 2.5-.27 3.43.05.96.32 1.89.96 2.53 1.73a6.34 6.34 0 011.52 4.27c-.01 1.32-.22 2.1-.9 3.5a8.72 8.72 0 01-2.23 2.9c-.26.2-.47.41-.47.46 0 .05.36.37.8.7.95.75 1.02.99.31 1.12-.9.16-.95.18-.95.4 0 .5 1.08 6 1.2 6.13.11.1.25-.04.76-.8.34-.51 1.06-1.54 1.6-2.29.97-1.31.99-1.36.8-1.55-.1-.1-.35-.28-.53-.39-.36-.21-.44-.53-.15-.61l.83-.19c1.03-.2 1.02-.2.68-.91a7.4 7.4 0 01-.7-3.07c-.1-2.03.37-3.53 1.52-4.8a5.3 5.3 0 014.05-1.92 5.13 5.13 0 015.05 6.42 6.03 6.03 0 01-3.26 4.03 7.5 7.5 0 01-3.96.88l-1.2-.03v.37c0 .2.05.63.1.95.12.86-.02.95-.73.46-.48-.33-.58-.37-.7-.24-.08.09-.7.97-1.4 1.96-1.38 2-2.55 3.61-2.84 3.9-.22.22-.38.23-.63.05zm6.62-14.51c.11-.06.3-.3.41-.52a3.53 3.53 0 011.68-1.43c.27-.1.76-.17 1.09-.17.64 0 .85-.12.85-.5 0-.47-.35-.67-1.17-.67-1.37 0-2.6.7-3.4 1.94-.47.73-.51.94-.2 1.25.23.23.44.26.74.1zM2.8 7.95c.32-.12.39-.53.2-1.18-.37-1.28.02-2.82.89-3.51.39-.31.45-.68.17-.99-.65-.71-2.14.67-2.52 2.35a4.04 4.04 0 000 2.22c.22 1.02.61 1.36 1.26 1.11z"/></svg>`

Const balloon2

balloon2: TemplateResult = html`<svg width="24" height="24"><path d="M6.13.11c-.63 0-1.26.06-1.7.2a5.75 5.75 0 00-4.1 6.06 6.1 6.1 0 001.04 3.3c1.09 1.67 3.17 3.25 4.8 3.66.27.07.5.16.5.2 0 .03-.25.45-.54.93-.29.47-.53.94-.53 1.03 0 .19.44.22 1.08.07.21-.05.43-.06.49-.02.05.03.2.66.34 1.39.92 5.04 1.28 6.74 1.45 6.87.25.18.41.17.63-.05.29-.29 1.46-1.9 2.85-3.9.69-1 1.31-1.87 1.39-1.96.12-.13.22-.1.7.24.7.5.85.4.72-.46-.04-.32-.09-.75-.1-.95v-.37l1.2.03a7.5 7.5 0 003.97-.88 6.03 6.03 0 003.26-4.03 5.14 5.14 0 00-5.05-6.42 5.3 5.3 0 00-4.05 1.91c-1.15 1.28-1.63 2.78-1.52 4.81a7.4 7.4 0 00.7 3.07c.34.71.35.7-.68.91l-.83.19c-.29.08-.21.4.15.61.18.1.42.28.53.4.19.18.16.23-.8 1.54-.54.75-1.26 1.78-1.6 2.29-.5.76-.65.9-.76.8a66.9 66.9 0 01-1.2-6.13c0-.22.04-.24.95-.4.71-.13.64-.37-.32-1.11-.43-.34-.8-.66-.8-.7 0-.06.22-.26.48-.46a8.72 8.72 0 002.24-2.9c.67-1.4.88-2.2.89-3.5a6.34 6.34 0 00-1.52-4.28A5.83 5.83 0 007.86.37 5.98 5.98 0 006.12.1zm-.65.96c2.38-.12 4.6 1.86 5.12 4.57.57 2.91-1.01 5.62-3.53 6.04-2.51.42-5.01-1.6-5.58-4.52a7 7 0 01.04-2.54c.04-.2.1-.39.18-.58l.04-.1a4.32 4.32 0 013.73-2.87zM18.44 6c.82 0 1.17.2 1.17.67 0 .38-.2.5-.85.5-.33 0-.82.08-1.1.17-.6.2-1.39.88-1.67 1.43-.11.23-.3.46-.4.52-.31.16-.52.13-.76-.1-.3-.3-.26-.52.2-1.25A4.02 4.02 0 0118.45 6z"/></svg>`

Const borderOuter

borderOuter: TemplateResult = html`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M13 7h-2v2h2V7zm0 4h-2v2h2v-2zm4 0h-2v2h2v-2zM3 3v18h18V3H3zm16 16H5V5h14v14zm-6-4h-2v2h2v-2zm-4-4H7v2h2v-2z"/></svg>`

Const brush

brush: TemplateResult = html`<svg width="24" height="24" viewBox="0 0 24 24"><path d="M17.831 7.672c1.096-1.096 2.875-1.865 3.688-3.106.892-1.362.508-3.192-.851-4.085-1.362-.892-3.187-.508-4.081.854-.842 1.286-.801 3.322-1.433 4.779-.817 1.882-3.553 2.116-6.698.474-1.727 3.352-4.075 6.949-6.456 9.874l2.263 1.484c1.018-.174 2.279-1.059 2.792-2.03-.04 1.167-.478 2.2-1.337 2.983l4.275 2.797c.546-.544 1.054-.976 1.616-1.345-.319.643-.532 1.324-.63 1.99l2.532 1.659c1.5-2.884 4.416-7.343 6.455-9.874-2.82-2.272-3.657-4.936-2.135-6.454zm1.762-5.545c.454.296.58.908.281 1.36-.294.457-.905.582-1.356.286-.456-.297-.582-.906-.284-1.36.295-.455.905-.583 1.359-.286zm-3.959 15.037l-8.225-5.386 1.616-2.469 8.221 5.387-1.612 2.468z"/></svg>`

Const circle

circle: TemplateResult = html`<svg version="1.1" viewBox="0 0 24 24"><g><path d="m11.754 0.19922c-2.2109 0.039062-4.4062 0.72266-6.25 1.9492-2.4219 1.6016-4.1602 4.0078-4.9023 6.793-0.27344 1.0195-0.39453 1.9531-0.39453 3.0586 0 0.74609 0.039063 1.2539 0.15234 1.9375 0.61719 3.75 3.0273 6.9883 6.457 8.6641 1.2539 0.61328 2.5352 0.98438 3.9258 1.1328 0.77734 0.085937 1.7891 0.082031 2.5977-0.007813 3.0078-0.33594 5.7969-1.8477 7.75-4.1992 1.4648-1.7695 2.3867-3.9258 2.6367-6.1875 0.09375-0.84375 0.09375-1.8359 0-2.6719-0.47266-4.2109-3.1914-7.8594-7.1055-9.5312-1.5273-0.65234-3.168-0.96484-4.8672-0.9375zm0.77734 0.375c-0.042969 0.003906-0.12109 0.003906-0.16797 0-0.050781-0.003907-0.015625-0.003907 0.078125-0.003907s0.13281 0 0.089844 0.003907zm0.32812 0.019531c-0.027344 0.003906-0.078125 0.003906-0.11328 0s-0.011719-0.007812 0.050781-0.007812 0.089844 0.003906 0.0625 0.007812zm0.16016 0.019531c-0.015625 0.003907-0.035156 0.003907-0.046875 0-0.015625-0.003906-0.003906-0.007812 0.019532-0.007812 0.027343 0 0.039062 0.003906 0.027343 0.007812zm-5.8086 0.99219c0.003906 0.007812-0.13672 0.085937-0.3125 0.17188-0.22266 0.10547-0.3125 0.14453-0.30859 0.12109 0.003906-0.027344 0.56641-0.32422 0.59766-0.31641 0.011719 0.003907 0.023438 0.011719 0.023438 0.023438zm5.7266 0.26172c2.1211 0.19922 4.0781 1.0273 5.6914 2.4102 0.28906 0.24609 0.84766 0.80469 1.0938 1.0938 1.2422 1.4531 2.0469 3.1992 2.3359 5.0742 0.085937 0.5625 0.11328 0.91797 0.11328 1.5547s-0.027344 0.98828-0.11328 1.5547c-0.28516 1.8594-1.1016 3.6328-2.3359 5.0742-0.24609 0.28906-0.80469 0.84766-1.0938 1.0938-1.4414 1.2344-3.2148 2.0508-5.0742 2.3359-0.56641 0.085937-0.91797 0.11328-1.5547 0.11328s-0.99219-0.027344-1.5547-0.11328c-1.875-0.28906-3.6211-1.0938-5.0742-2.3359-0.28906-0.24609-0.84766-0.80469-1.0938-1.0938-1.3867-1.6172-2.2031-3.5469-2.4141-5.7109-0.042969-0.44922-0.042969-1.3867 0-1.8359 0.21094-2.1406 0.98828-4 2.3633-5.6523 0.24219-0.29297 0.91016-0.96094 1.2031-1.2031 1.7656-1.4688 3.832-2.2812 6.1016-2.3984 0.27734-0.011719 1.1016 0.007813 1.4062 0.039063zm-6.3906 0.070312c0.015625-0.007812 0.015625-0.003906 0.007813 0.007812-0.019532 0.035157-0.046876 0.027344-0.046876-0.011718 0-0.015625 0.007813-0.019532 0.011719-0.007813 0.003907 0.011719 0.019531 0.019531 0.027344 0.011719zm11.453 0.32422c0 0.003906-0.015625 0-0.039062-0.011719-0.019532-0.011719-0.035157-0.023438-0.035157-0.03125 0-0.003906 0.015625 0 0.035157 0.011719 0.023437 0.011719 0.039062 0.023437 0.039062 0.03125zm0.14844 0.09375c0 0.003906-0.015626 0-0.035157-0.011719s-0.039062-0.023438-0.039062-0.03125c0-0.003906 0.019531 0 0.039062 0.011719s0.035157 0.023437 0.035157 0.03125zm0.41406 0.28125c0 0.003906-0.023438-0.007813-0.054688-0.03125-0.03125-0.023438-0.058593-0.042969-0.058593-0.046875 0-0.007813 0.027343 0.007812 0.058593 0.027344 0.03125 0.023437 0.054688 0.046874 0.054688 0.050781zm-15.918 2.8086c0 0.003907-0.015625 0.019532-0.03125 0.03125-0.03125 0.023438-0.035156 0.023438-0.007812-0.007812 0.023437-0.03125 0.039062-0.039062 0.039062-0.023438zm-0.30078 0.44141c-0.011719 0.019531-0.023438 0.039062-0.03125 0.039062-0.003906 0 0-0.019531 0.011719-0.039062s0.023437-0.035157 0.03125-0.035157c0.003906 0 0 0.015626-0.011719 0.035157zm19.715 0.64844c0.003906 0.015625 0.003906 0.023438-0.007813 0.019532-0.011719-0.007813-0.019531-0.019532-0.019531-0.03125 0-0.027344 0.011719-0.019532 0.027344 0.011718zm0.17969 0.34766c0.050781 0.10547 0.09375 0.19531 0.089844 0.19531-0.003906 0.003906-0.050781-0.082031-0.10547-0.1875-0.050781-0.10938-0.09375-0.19531-0.089844-0.19531 0.007813 0 0.054688 0.082032 0.10547 0.1875zm-21.625 4.1367c-0.003906 0.019531-0.007812 0.003907-0.007812-0.03125 0-0.035156 0.003906-0.050781 0.007812-0.035156 0.003907 0.019531 0.003907 0.050781 0 0.066406zm-0.019531 0.23438c-0.003906 0.035156-0.007812 0.011719-0.007812-0.050781s0.003906-0.089844 0.007812-0.0625 0.003906 0.078125 0 0.11328zm-0.019531 0.39453c-0.003907 0.042968-0.003907 0.003906-0.003907-0.089844s0-0.125 0.003907-0.078125c0.003906 0.050781 0.003906 0.125 0 0.16797zm22.859 0.89844c-0.003906 0.054687-0.007813 0.015625-0.007813-0.085937 0-0.10547 0.003907-0.14844 0.007813-0.10156 0.003906 0.050781 0.003906 0.13281 0 0.1875zm0.015625 0.23438c-0.003907 0.03125-0.007813 0.011719-0.007813-0.039062 0-0.054688 0.003906-0.078126 0.007813-0.054688 0.003906 0.023438 0.003906 0.066406 0 0.09375zm-0.023438 0.089844c0.007813 0.12891 0.003907 0.16406-0.007812 0.11328-0.015625-0.074219-0.027344-0.32422-0.011719-0.30859 0.003906 0.003907 0.011719 0.09375 0.019531 0.19531zm0 0.20312c0.011719 0.007812 0.011719 0.011719-0.011719 0.011719-0.023437 0-0.03125-0.011719-0.03125-0.070313 0.003907-0.0625 0.003907-0.0625 0.011719-0.011719 0.003907 0.027344 0.019531 0.0625 0.03125 0.070313zm-21.645 4.0391c0.050781 0.10547 0.089844 0.19141 0.085938 0.19141-0.011719 0-0.19922-0.36719-0.19922-0.38281 0-0.027344 0.015625 0 0.11328 0.19141zm0.18359 0.37109c-0.003906 0.003906-0.015625-0.003906-0.023438-0.023437-0.011718-0.023438-0.007812-0.027344 0.011719-0.011719 0.011719 0.015625 0.015625 0.03125 0.011719 0.035156zm19.484 0.97266c0 0.003907-0.015625 0.019531-0.03125 0.03125-0.03125 0.027344-0.03125 0.023438-0.007813-0.007812 0.023438-0.027344 0.039063-0.039063 0.039063-0.023438zm-15.973 2.9297c0.023438 0.03125 0.023438 0.035156-0.003906 0.007812-0.035156-0.023437-0.042968-0.039062-0.027344-0.039062 0.003907 0 0.019532 0.015625 0.03125 0.03125zm0.44922 0.30078c0 0.003906-0.019531 0-0.039062-0.011719s-0.035157-0.023437-0.035157-0.03125c0-0.003906 0.015626 0 0.035157 0.011719s0.039062 0.023438 0.039062 0.03125zm0.14844 0.09375c0 0.003906-0.015625 0-0.035157-0.011719-0.023437-0.011719-0.039062-0.023437-0.039062-0.03125 0-0.003906 0.015625 0 0.039062 0.011719 0.019532 0.011719 0.035157 0.023438 0.035157 0.03125zm11.195 0.37109c0 0.011718-0.33203 0.17969-0.35156 0.17578-0.011719 0 0.32812-0.17969 0.34766-0.18359 0 0 0.003906 0.003907 0.003906 0.007813zm-6.2383 1.2422c-0.015625 0.003907-0.035156 0.003907-0.046875 0-0.015625-0.003906-0.003906-0.007812 0.023437-0.007812 0.023438 0 0.035157 0.003906 0.023438 0.007812zm0.23438 0.019531c-0.027344 0.003907-0.078125 0.003907-0.11328 0-0.035156-0.003906-0.011719-0.007812 0.050781-0.007812s0.089844 0.003906 0.0625 0.007812zm0.38281 0.019532c-0.042969 0.003906-0.11719 0.003906-0.16797 0-0.046875-0.003906-0.011719-0.007813 0.078125-0.007813 0.09375 0 0.13281 0.003907 0.089844 0.007813z"/><path d="m6.7305 1.8203c-0.074219 0.039063-0.13281 0.070313-0.125 0.074219 0.019531 0 0.27734-0.12891 0.27734-0.14062 0-0.015625 0.003907-0.015625-0.15234 0.066406z"/></g></svg>`

Const colors

colors: string[] = ['red', 'blue', 'green', 'yellow', 'pink', 'purple', 'orange', 'cyan']

Const createPencil

createPencil: TemplateResult = html`<svg width="24" height="24" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3.994 12.964l3.106 3.105-4.112.931 1.006-4.036zm9.994-3.764l-5.84 5.921-3.202-3.202 5.841-5.919 3.201 3.2z"/></svg>`

Const cutTrack

cutTrack: TemplateResult = html`<svg viewBox="0 0 24 24"><path d="M 10.201 12.087 L 10.181 21.325 L 13.541 21.325 L 13.577 13.396 L 16.332 13.407 L 19.092 13.423 L 19.116 15.181 L 19.145 16.938 L 21.57 14.477 L 24 12.011 L 21.57 9.582 L 19.145 7.147 L 19.129 8.814 L 19.116 10.476 L 13.577 10.476 L 13.541 3 L 10.181 3 L 10.201 12.086 M 2.441 9.593 L 0 12.035 L 2.441 14.481 L 4.884 16.922 L 4.911 15.172 L 4.935 13.423 L 7.126 13.384 L 7.126 10.432 L 4.911 10.476 L 4.899 8.813 L 4.884 7.147 L 2.441 9.593" fill-rule="evenodd"/></svg>`

Const decrease

decrease: TemplateResult = html`<svg enable-background="new 0 0 24 24" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="M17,8c0-0.6-0.4-1-1-1H8C7.4,7,7,7.4,7,8v8c0,0.6,0.4,1,1,1h8c0.6,0,1-0.4,1-1V8z M16,16H8V8h8V16z"/><polygon points="0.8 7 7 7 7 0.7 4.6 2.8 1.6 0 0 1.5 2.9 4.6"/><polygon points="21.2 4.6 24 1.6 22.5 0 19.4 2.9 17 0.8 17 7 23.3 7"/><polygon points="23.2 17 17 17 17 23.3 19.4 21.2 22.4 24 24 22.5 21.1 19.4"/><polygon points="2.8 19.4 0 22.4 1.5 24 4.6 21.1 7 23.3 7 17 0.7 17"/></svg>`

Const demoStyles

demoStyles: CSSResult = css`main {display: flex;height: 100%;width: 100%;--mdc-theme-secondary: #79005D;}.right-panel {position: absolute;display: flex;flex-direction: column;right: 0px;top: 0px;bottom: 0px;display: flex;margin: auto;width: auto;}.icon {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;right: 0px;margin-bottom: 10px;margin-left: 10px;margin-right: 10px;display: flex;margin-top: 10px;height: 24px;width: 24px;z-index: 1;color: black;background: white;fill: var(--mdc-theme-secondary);padding: 10px;border-radius: 50%;cursor: pointer;font-size: 18px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}.icon:hover {background: var(--mdc-theme-secondary);fill: white;}svg {overflow: visible;width: inherit;}.icons {height: calc(100% - 44px);padding-top: 60px;flex-wrap: wrap;display: flex;flex-direction: column;align-items: flex-end;}`

Const dot

dot: TemplateResult = html`<svg viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><circle cx="30" cy="30" r="20"/></svg>`

Const eraser

eraser: TemplateResult = html`<svg version="1.1" x="0px" y="0px" viewBox="0 0 328.498 328.498" style="enable-background:new 0 0 328.498 328.498;"><g><g><g><path d="M167.2,173.663L167.2,173.663l-57.276-57.276L13.01,213.301c-4.013,4.013-4.013,10.52,0,14.533l68.923,68.923c1.927,1.927,4.541,3.01,7.267,3.01h68.979c6.528,0,12.789-2.593,17.405-7.21l55.255-55.255l0,0L167.2,173.663z"/><path d="M158.179,309.768H89.2c-5.416,0-10.508-2.109-14.338-5.938L5.939,234.906C2.109,231.076,0,225.984,0,220.568c0-5.417,2.11-10.509,5.94-14.339l103.984-103.984l135.057,135.058l-62.325,62.327C176.118,306.167,167.426,309.768,158.179,309.768z M109.925,130.529l-89.843,89.844c-0.031,0.031-0.082,0.081-0.082,0.195s0.052,0.165,0.082,0.195l68.923,68.923c0.052,0.053,0.121,0.081,0.195,0.081h68.979c3.904,0,7.575-1.52,10.335-4.28l48.185-48.185L109.925,130.529z"/></g><g><path d="M230.84,251.445L95.782,116.388l91.719-91.719c3.829-3.829,8.921-5.938,14.338-5.938c5.416,0,10.508,2.108,14.338,5.938l106.382,106.382c3.83,3.83,5.939,8.922,5.939,14.338c0,5.417-2.11,10.509-5.94,14.339L230.84,251.445z M124.067,116.388L230.84,223.161l77.576-77.577c0.031-0.03,0.081-0.081,0.082-0.195c0-0.114-0.052-0.165-0.082-0.195L202.034,38.812c-0.03-0.03-0.081-0.081-0.195-0.081h-0.001c-0.113,0-0.163,0.05-0.193,0.08L124.067,116.388z"/></g></g><g><rect x="88.934" y="289.758" width="148.906" height="20"/></g><g><rect x="256.249" y="289.758" width="32" height="20"/></g></g></svg>`

Const filter

filter: TemplateResult = html`<svg width="24" height="24"><path d="M11.94 1.9c-4.76 0-9.27 3.7-10.27 8.42a10.2 10.2 0 002.91 9.64 10.54 10.54 0 004.9 2.9c3.14.75 6.74-.14 9.36-2.32 1.12-.93 2.5-2.74 2.32-3.04-.06-.1-1.9-1.22-4.09-2.51a49.02 49.02 0 01-3.98-2.48c0-.07 1.8-1.2 3.99-2.48a67.75 67.75 0 004.09-2.51c.16-.26-1.14-2.03-2.14-2.9a12.12 12.12 0 00-7.1-2.72zm-.06 3.5h2.58V8h-2.58V5.4z"/><path d="M20 10.44h3.71v3.71H20z"/></svg>`

Const freeDrawing

freeDrawing: TemplateResult = html`<svg version="1.1" x="0px" y="0px" viewBox="0 0 283.093 283.093" style="enable-background:new 0 0 283.093 283.093;" xml:space="preserve"><g><path d="M271.315,54.522L218.989,2.196c-2.93-2.928-7.678-2.928-10.607,0L78.274,132.303c-1.049,1.05-1.764,2.388-2.053,3.843l-12.964,65.29c-0.487,2.456,0.282,4.994,2.053,6.765c1.421,1.42,3.334,2.196,5.304,2.196c0.485,0,0.975-0.047,1.461-0.144l65.29-12.964c1.456-0.289,2.793-1.004,3.843-2.053L271.315,65.129C274.244,62.2,274.244,57.452,271.315,54.522z M83.182,178.114l6.776-34.127l39.566,39.566l-34.127,6.776L83.182,178.114z"/><path d="M205.912,227.066c-71.729-30.029-118.425,19.633-132.371,27.175c-17.827,9.641-42.941,20.97-48.779,1.358c-3.522-11.832,15.521-24.479,28.131-28.42c9.2-2.876,5.271-17.358-3.988-14.465c-19.582,6.121-42.948,22.616-38.851,45.839c3.044,17.256,24.67,32.995,66.368,11.114c30.308-15.902,50.897-48.84,114.733-31.783c20.969,5.602,37.92,19.27,45.178,40.057c3.168,9.07,17.662,5.169,14.465-3.988C243.062,251.799,227.411,236.067,205.912,227.066z"/></g></svg>`

Const fullscreen

fullscreen: TemplateResult = html`<svg width="24" height="24" viewBox="0 0 24 24"><path d="M21.414 18.586l2.586-2.586v8h-8l2.586-2.586-5.172-5.172 2.828-2.828 5.172 5.172zm-13.656-8l2.828-2.828-5.172-5.172 2.586-2.586h-8v8l2.586-2.586 5.172 5.172zm10.828-8l-2.586-2.586h8v8l-2.586-2.586-5.172 5.172-2.828-2.828 5.172-5.172zm-8 13.656l-2.828-2.828-5.172 5.172-2.586-2.586v8h8l-2.586-2.586 5.172-5.172z"/></svg>`

Const genericStyles

genericStyles: CSSResult = css`#container {width: 100%;height: 100%;display: flex;flex-direction: column;}[name="slider"] > div {height: 50px;flex: 0 0 50px;display: flex;}playback-control {background: #f9f9f9;color: var(--font-color);}`

Const increase

increase: TemplateResult = html`<svg enable-background="new 0 0 24 24" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m16 7h-8c-0.6 0-1 0.4-1 1v8c0 0.6 0.4 1 1 1h8c0.6 0 1-0.4 1-1v-8c0-0.6-0.4-1-1-1zm0 9h-8v-8h8v8z"/><polygon points="5.2 6.7 6.8 5.2 3.9 2.3 6 0 0 0 0 6 2.3 3.9"/><polygon points="17.7 0 19.9 2.3 17 5.2 18.5 6.7 21.6 3.8 24 6 24 0"/><polygon points="18.8 17 17.2 18.5 20.1 21.6 18 24 24 24 24 17.7 21.7 19.9"/><polygon points="5.5 17 2.4 19.9 0 17.8 0 24 6.3 24 4.1 21.6 7 18.6"/></svg>`

Const lock

lock: TemplateResult = html`<svg width="24" height="24" viewBox="0 0 24 24"><path d="M8 9v-3c0-2.206 1.794-4 4-4s4 1.794 4 4v3h2v-3c0-3.313-2.687-6-6-6s-6 2.687-6 6v3h2zm.746 2h2.831l-8.577 8.787v-2.9l5.746-5.887zm12.254 1.562v-1.562h-1.37l-12.69 13h2.894l11.166-11.438zm-6.844-1.562l-11.156 11.431v1.569h1.361l12.689-13h-2.894zm6.844 7.13v-2.927l-8.586 8.797h2.858l5.728-5.87zm-3.149 5.87h3.149v-3.226l-3.149 3.226zm-11.685-13h-3.166v3.244l3.166-3.244z"/></svg>`

Const magicSelect

magicSelect: TemplateResult = html`<svg width="24" height="24" viewBox="0 0 24 24"><path d="M7.828 5.016l-2.828 2.828 16.172 16.156 2.828-2.828-16.172-16.156zm2.121 6.363l-3.535-3.535 1.414-1.414 3.535 3.536-1.414 1.413zm-3.191-9.004l-.911-1.796c.982-.368 2.042-.579 3.153-.579l.422.021-.318 1.984-.104-.005c-.785 0-1.537.136-2.242.375zm6.434 1.033c-.631-.475-1.34-.851-2.11-1.091l.316-1.983c1.193.33 2.287.894 3.226 1.647l-1.432 1.427zm1.412 1.416l1.432-1.427c.751.941 1.312 2.037 1.638 3.23l-1.984.312c-.239-.772-.613-1.482-1.086-2.115zm1.392 4.092l1.984-.311.02.395c0 1.005-.18 1.965-.485 2.866l-1.633-1.632c.073-.401.118-.812.118-1.234l-.004-.084zm-12.601 4.258l-1.432 1.427c-.75-.941-1.311-2.036-1.637-3.23l1.984-.311c.239.772.612 1.482 1.085 2.114zm1.411 1.417c.632.475 1.341.852 2.111 1.092l-.317 1.984c-1.193-.33-2.287-.894-3.227-1.648l1.433-1.428zm7.048 2.928c-.898.302-1.854.481-2.854.481l-.426-.021.318-1.984.108.005c.417 0 .823-.043 1.219-.115l1.635 1.634zm-8.559-12.56l-1.801-.921c.674-1.017 1.549-1.888 2.568-2.559l.914 1.802c-.651.46-1.219 1.028-1.681 1.678zm-1.291 4.126l-1.984.311-.02-.396c0-1.122.215-2.19.589-3.181l1.794.918c-.244.711-.383 1.471-.383 2.263l.004.085z"/></svg>`

Const mergeTracks

mergeTracks: TemplateResult = html`<svg width="24pt" height="24pt" version="1.1" viewBox="0 0 24 24"><path d="m0 12.074v10.441h3.3164v-8.957h3.5117v3.2891l2.4141-2.4102 2.4102-2.4141-2.3984-2.3984-2.3984-2.4023-0.027344 1.7227-0.023437 1.7188-1.7461 0.011719-1.7422 0.015625v-9.0586h-3.3164v10.441m20.684-6.0625v4.3789h-3.5117v-3.2891l-2.4141 2.4102-2.4102 2.4141 2.3984 2.3984 2.3984 2.4023 0.027344-1.7188 0.023437-1.7227 3.4883-0.023437v9.2539h3.3164v-20.883h-3.3164v4.3789" fill-rule="evenodd"/></svg>`

Const opacity

opacity: TemplateResult = html`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="20"><g fill="none" fill-rule="evenodd"><path d="M20-2H-4v24h24V-2zm0 0H-4v24h24V-2zM-4 22h24V-2H-4v24z"/><path fill="#1D1D1D" d="M13.7 6L8 .3 2.3 6a8 8 0 0011.4 11.3 8 8 0 000-11.3zM2 12c0-2 .6-3.3 1.8-4.4L8 3.3l4.2 4.4A5.6 5.6 0 0114 12H2z"/></g></svg>`

Const paintBrush

paintBrush: TemplateResult = html`<svg width="24pt" height="24pt" viewBox="0 0 24 24" version="1.1"><path style="stroke:none;fill-rule:nonzero;fill-opacity:1;" d="M 23.410156 2.175781 C 23.03125 1.800781 22.535156 1.589844 22.003906 1.582031 C 21.996094 1.582031 21.988281 1.582031 21.980469 1.582031 C 21.457031 1.582031 20.960938 1.78125 20.585938 2.144531 L 9.324219 12.914062 C 10.527344 13.21875 11.558594 13.992188 12.230469 15.125 C 12.4375 15.46875 12.597656 15.835938 12.71875 16.210938 L 23.441406 5 C 23.800781 4.621094 24 4.125 24 3.605469 C 24 3.066406 23.789062 2.558594 23.410156 2.175781 Z M 23.410156 2.175781 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 8.277344 14.171875 C 8.222656 14.167969 8.164062 14.167969 8.109375 14.167969 C 7.15625 14.167969 6.214844 14.5 5.445312 15.050781 C 4.519531 15.71875 4.148438 16.675781 3.46875 17.550781 C 2.617188 18.644531 1.304688 19.179688 0 19.542969 C 0.757812 21.546875 3.578125 22.371094 5.425781 22.414062 C 5.492188 22.414062 5.558594 22.417969 5.625 22.417969 C 7.71875 22.417969 10.183594 21.636719 11.191406 19.578125 C 12.300781 17.320312 10.933594 14.28125 8.277344 14.171875 Z M 8.277344 14.171875 "/></svg>`

Const parallelogram

parallelogram: TemplateResult = html`<svg xml:space="preserve" version="1.1" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;" viewBox="0 0 1000 1000" x="0px" y="0px" fill-rule="evenodd" clip-rule="evenodd"><path class="fil0" d="M932 201l-263 598 -601 0c87,-199 175,-399 263,-598l601 0zm-72 47l-499 0 -221 504 499 0 221 -504z"/></g></svg>`

Const pointer

pointer: TemplateResult = html`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 30 37.5" xml:space="preserve"><g transform="translate(-30 -320)"><polygon xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" points="55.287,336.168 38,321 38,344 44.299,339.402 48.763,349.428 52.221,347.889 47.757,337.863 "/></g></svg>`

Const polygon

polygon: TemplateResult = html`<svg version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><path d="M213.3,0c-23.6,0-42.7,19.1-42.7,42.7V44l-108,68c-6-3.2-12.8-5.3-20-5.3C19.1,106.7,0,125.8,0,149.3c0,15.8,8.6,29.3,21.3,36.7v246.7C8.6,440.1,0,453.6,0,469.3C0,492.9,19.1,512,42.7,512c15.8,0,29.2-8.6,36.7-21.3h268c7.4,12.8,20.9,21.3,36.7,21.3c23.6,0,42.7-19.1,42.7-42.7c0-8.5-2.3-16.7-6.7-23.3l52-104.7c22.3-1.4,40-20,40-42.7c0-20.8-14.9-38.3-34.7-42l-40.7-122c6.8-7.6,11.3-17.1,11.3-28c0-23.6-19.1-42.7-42.7-42.7c-10.9,0-20.4,4.6-28,11.3L255.3,34C251.3,14.6,233.9,0,213.3,0z M241.3,74.7l122,40c3.3,17.2,16.8,30.8,34,34L438,270c-6.9,7.6-11.3,17.6-11.3,28.7c0,8.8,2.8,17.2,7.3,24l-52.7,104c-14.7,0.9-27,9.3-34,21.3h-268c-3.8-6.4-8.9-11.6-15.3-15.3V186c12.8-7.4,21.3-20.9,21.3-36.7V148l108-68c6,3.2,12.8,5.3,20,5.3C224.1,85.3,233.8,81.3,241.3,74.7z"/></g></svg>`

Const polygonLasso

polygonLasso: TemplateResult = html`<svg version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><path d="M172.2,394.7v7.4c11.2,0,22.3,2.8,28.9,7.4c3.7,2.8,6.5,4.7,7.4,7.4c1.9,2.8,2.8,5.6,2.8,8.4s-0.9,5.6-2.8,8.4c-2.8,3.7-7.4,8.4-14,11.2c-6.5,2.8-14,4.7-23.3,4.7c-11.2,0-22.3-2.8-28.9-7.4c-3.7-2.8-6.5-4.7-7.4-7.4c-1.9-2.8-2.8-5.6-2.8-8.4s0.9-5.6,2.8-8.4c2.8-3.7,7.4-8.4,14-11.2c6.5-2.8,14-4.7,23.3-4.7V394.7v-8.4c-14,0-27.9,3.7-37.2,10.2c-4.7,3.7-9.3,7.4-12.1,12.1c-2.8,4.7-4.7,10.2-4.7,16.8c0,5.6,1.9,11.2,4.7,16.8c4.7,7.4,12.1,13,20.5,16.8c8.4,3.7,18.6,5.6,29.8,6.5c14,0,27.9-3.7,37.2-10.2c4.7-3.7,9.3-7.4,12.1-12.1s4.7-10.2,4.7-16.8c0-5.6-1.9-11.2-4.7-16.8c-4.7-7.4-12.1-13-20.5-16.8s-18.6-5.6-29.8-6.5V394.7z"/><path d="M200.1,456.1l0.9-2.8L200.1,456.1L200.1,456.1l0.9-2.8L200.1,456.1c0,0,2.8,1.9,5.6,5.6s5.6,9.3,5.6,18.6c0,4.7-0.9,8.4-1.9,10.2c-1.9,2.8-2.8,3.7-4.7,4.7l-1.9,0.9l0,0v2.8v-2.8l0,0v2.8v-2.8V512c0.9,0,6.5,0,12.1-4.7c2.8-1.9,5.6-5.6,7.4-10.2c1.9-4.7,2.8-10.2,2.8-16.8c0-14-4.7-23.3-9.3-29.8c-4.7-6.5-10.2-8.4-10.2-9.3L200.1,456.1L200.1,456.1z"/><polygon points="187.1,391 60.5,114.5 324,159.2 462.7,35.4 462.7,325.8 209.5,402.2 214.1,417 478.5,337 478.5,0 319.3,142.4 33.5,94 173.1,397.5"/></g></svg>`

Const polyline

polyline: TemplateResult = html`<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 24 24" enable-background="new 0 0 24 24"><path d="M 20 2 C 18.970152 2 18.141273 2.7807107 18.03125 3.78125 L 14.5625 4.78125 C 14.19654 4.3112749 13.641793 4 13 4 C 11.895431 4 11 4.8954305 11 6 C 11 7.1045695 11.895431 8 13 8 C 13.052792 8 13.104488 8.0040159 13.15625 8 L 16.53125 14.6875 C 16.440877 14.788724 16.349735 14.881869 16.28125 15 L 11.9375 14.46875 C 11.705723 13.620636 10.921625 13 10 13 C 8.8954305 13 8 13.895431 8 15 C 8 15.217462 8.0295736 15.428987 8.09375 15.625 L 4.96875 18.25 C 4.6825722 18.092012 4.3500149 18 4 18 C 2.8954305 18 2 18.895431 2 20 C 2 21.104569 2.8954305 22 4 22 C 5.1045695 22 6 21.104569 6 20 C 6 19.782538 5.9704264 19.571013 5.90625 19.375 L 9.03125 16.75 C 9.3174278 16.907988 9.6499851 17 10 17 C 10.754554 17 11.409413 16.585686 11.75 15.96875 L 16.0625 16.53125 C 16.294277 17.379364 17.078375 18 18 18 C 19.104569 18 20 17.104569 20 16 C 20 14.895431 19.104569 14 18 14 C 17.947208 14 17.895512 13.995984 17.84375 14 L 14.5 7.3125 C 14.761761 7.0130168 14.922918 6.6355416 14.96875 6.21875 L 18.4375 5.21875 C 18.80346 5.6887251 19.358207 6 20 6 C 21.104569 6 22 5.1045695 22 4 C 22 2.8954305 21.104569 2 20 2 z"/></svg>`

Const rectify

rectify: TemplateResult = html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="surface1"><path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 2.875 20.433594 L 11.667969 11.644531 L 20.457031 2.855469 C 21.03125 2.964844 21.046875 3.027344 21.117188 3.511719 L 3.535156 21.09375 C 2.894531 21.070312 2.871094 21.097656 2.875 20.433594 Z M 2.875 20.433594 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 7.144531 8.375 C 6.257812 8.375 5.542969 9.089844 5.542969 9.972656 C 5.542969 10.859375 6.257812 11.574219 7.144531 11.574219 C 8.027344 11.574219 8.742188 10.859375 8.742188 9.972656 C 8.742188 9.089844 8.027344 8.375 7.144531 8.375 Z M 7.128906 9.277344 C 7.515625 9.277344 7.828125 9.589844 7.828125 9.972656 C 7.828125 10.359375 7.515625 10.671875 7.128906 10.671875 C 6.746094 10.671875 6.433594 10.359375 6.433594 9.972656 C 6.433594 9.589844 6.746094 9.277344 7.128906 9.277344 Z M 7.128906 9.277344 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 13.851562 2.628906 C 12.96875 2.628906 12.25 3.347656 12.25 4.230469 C 12.25 5.113281 12.96875 5.828125 13.851562 5.828125 C 14.734375 5.828125 15.449219 5.113281 15.449219 4.230469 C 15.449219 3.347656 14.734375 2.628906 13.851562 2.628906 Z M 13.839844 3.53125 C 14.222656 3.53125 14.535156 3.84375 14.535156 4.230469 C 14.535156 4.617188 14.222656 4.929688 13.839844 4.929688 C 13.453125 4.929688 13.140625 4.617188 13.140625 4.230469 C 13.140625 3.84375 13.453125 3.53125 13.839844 3.53125 Z M 13.839844 3.53125 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 17.164062 10.613281 C 16.28125 10.613281 15.5625 11.328125 15.5625 12.214844 C 15.5625 13.097656 16.28125 13.8125 17.164062 13.8125 C 18.046875 13.8125 18.765625 13.097656 18.765625 12.214844 C 18.765625 11.328125 18.046875 10.613281 17.164062 10.613281 Z M 17.152344 11.515625 C 17.535156 11.515625 17.847656 11.828125 17.847656 12.214844 C 17.847656 12.597656 17.535156 12.910156 17.152344 12.910156 C 16.765625 12.910156 16.453125 12.597656 16.453125 12.214844 C 16.453125 11.828125 16.765625 11.515625 17.152344 11.515625 Z M 17.152344 11.515625 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 14.476562 17.039062 C 13.59375 17.039062 12.878906 17.753906 12.878906 18.636719 C 12.878906 19.519531 13.59375 20.238281 14.476562 20.238281 C 15.363281 20.238281 16.078125 19.519531 16.078125 18.636719 C 16.078125 17.753906 15.363281 17.039062 14.476562 17.039062 Z M 14.464844 17.9375 C 14.851562 17.9375 15.164062 18.253906 15.164062 18.636719 C 15.164062 19.023438 14.851562 19.335938 14.464844 19.335938 C 14.082031 19.335938 13.765625 19.023438 13.765625 18.636719 C 13.765625 18.253906 14.082031 17.9375 14.464844 17.9375 Z M 14.464844 17.9375 "/></g></svg>`

Const replaceCircle

replaceCircle: TemplateResult = html`<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgAgMAAAD2oY++AAAAAXNSR0IB2cksfwAAAAxQTFRFAAAAAAAAAAAAAAAANek3lgAAAAR0Uk5T/wDROaqwHD0AAAOiSURBVHic3dixbtswEABQQp4cI5+RJYHRyZ9iy4Oh6BM8Gh1S/YT3jEGKIpPHovoJ7RqD7gaKAGkrkkeK5N3xBKNZyikRnsTjSSaPVGuu3f98uv169v8q1j2qoV2dJVi+KtPuOgF+VtC+5eF942BxzsJfyrdPOVg2Iyy6DDyooC0zsNdPenn/86afvOBhpd13/deDlicW6p5f7J9vrm8SDj1fdTCsR+ibgnrMLs8682bcFKx8TuCuEwP3LiUu4GsG9jBQ//wFDYfOFvF9OhACVlHPpu8TCQ9Rz+5GAtbBmCGUOQnbOEQd5IyCwwOW8ZWD7gLDTRKiCfJIwJ1SXXylVGpFwKGj9JIOBsN9OhY9mmsC9ubVonsxbNVNemk75AfDJh20HnaBYalzkbQhYx2Cm+QFmpsbdUSwwtkx4SC4w9nRmVghuNWfStpqdYPgAadRJ3KJ4D79duBuBGucbxMPAVcY7gjY0nBGwCOGmwR+eX66bSbA33ZC/kHBIoAPMHHbKTRqZQjtUhUvVyR8Haf3uxyswoXglIF9CNMPKIDRA/Ejh0vUA9EjSw/DNS1Y13DXB5W0JQP7FC5oWKUuGY6HqOekbw9Rz0nf7qNIx4zG7T4zIsQ4SAeJEOMg3U+BCDEOEn5cVIhxkPBzJUOMgoQJgAwxChKmFDLEKEiYpMgQVThP2mmvpF24LtmJlBlLMBqYmrcc9NMaTPZ7DvoZFZaPnoN+2LAgNRz0w7ZLHDvocdh20dzw8Oizo5fhHQ9XkB27sLPZ8fmBUoHNjs8PFB81D+duLKacaXk4cy/QFEgNDwsXoi656N8BwM6GaIq4TL4h41AWZvJtM+4KTfZr1O20HkvXzIsxr8YXw5kXY16NL6+Z36pty6Bgz7xBHdy4BcjDYFNR5+CVdrBNyUII1MBWcm4rJUK3OZOg3+41AvQbSAGOW9I8DDa5WVh4J8H1R8J8uwT++xj/K9jm4OxDYZ2D80ugMPdcAIVpb4TSROqhNDV7KE72DorLh4PyguRgw7uw4JuwaDrY8nAWwZqH8wjKpQJAufgAKJczACcUSBZOKLksnFDEAew5uEigXGgClEtXgHIxDHBCeW3hhIIdYE/DBYLypgKgvE0BKG98AMpbKQfFzZmD4nbPQXED6aC4JfVQ2uR6KG2bPZQ24iMUtvYjFA4LRigcPwRQONAIzkj7/ANHmD10CWH2GCeCuYOhCOaOmmIIh1cFcXiVQHMc9vxOuvVfbbWqTsr5YWMAAAAASUVORK5CYII=" alt="" class="autoscale gsicon">`

Const square

square: TemplateResult = html`<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m482 90h15c8.285156 0 15-6.714844 15-15v-60c0-8.285156-6.714844-15-15-15h-60c-8.285156 0-15 6.714844-15 15v15h-332v-15c0-8.285156-6.714844-15-15-15h-60c-8.285156 0-15 6.714844-15 15v60c0 8.285156 6.714844 15 15 15h15v331c0 .339844.027344.667969.050781 1h-15.050781c-8.285156 0-15 6.714844-15 15v60c0 8.285156 6.714844 15 15 15h60c8.285156 0 15-6.714844 15-15v-15h331c.335938 0 .667969-.027344 1-.050781v15.050781c0 8.285156 6.714844 15 15 15h60c8.285156 0 15-6.714844 15-15v-60c0-8.285156-6.714844-15-15-15h-15.050781c.023437-.332031.050781-.660156.050781-1zm-30-60h30v30h-30zm-422 0h30v30h-30zm30 452h-30v-30h30zm422 0h-30v-30h30zm-45-60c-8.285156 0-15 6.714844-15 15v15.050781c-.332031-.023437-.660156-.050781-1-.050781h-331v-15c0-8.285156-6.714844-15-15-15h-15.050781c.023437-.332031.050781-.660156.050781-1v-331h15c8.285156 0 15-6.714844 15-15v-15h332v15c0 8.285156 6.714844 15 15 15h15v331c0 .339844.027344.667969.050781 1zm0 0"/></svg>`

Const subtract

subtract: TemplateResult = html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 16V8h11v5h5v11H0zm17-1v-2h3v3h-3zm4 0v-2h3v3h-3zm0-5V8h3v3h-3zM8 5V4h2v3H8zm13 0V4h3v3h-3zM8 1V0h2v3H8zm4 0V0h3v3h-3zm5 0V0h2v3h-2zm4 0V0h3v3h-3zm0 0"/></svg>`

Const subtractCircle

subtractCircle: TemplateResult = html`<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgAgMAAAD2oY++AAAAAXNSR0IB2cksfwAAAAxQTFRFAAAAAAAAAAAAAAAANek3lgAAAAR0Uk5TAf/hiBGx/K0AAAP7SURBVHicxZgxdtswDIZl63nQ4HTyEXQEDVnyfIQMpu2XeNCcZsgRfAkeIUOm5gB5r7qEjtChW+cOdSWRFAHih6z2vb5isqlPIgCCAMEsU+XX29NX/WmUb6aTx+vcdzPI52vcjfHyPs3lNoD7ZhK8NaM8T4I2gvspbm2IvEyAJQWPOpcbJo0KFhys5808NbfloGr3jUlEW50qBU/zVNSVtCmoKLlMOWPOECwkWM+zRbNmI8HdPFsUa3LJ4bhYIHA7z2hsNjAamy0WsBe0iC0CD/O8g/2DOGMkB92IHAlip5ezANcYlFkA+ht5fDZYYVAuzWwQriBaww0GZYzPAvOfb08WgywqPilQCk5xFMxfJzgaZ7dTHAGVqJGg4mgBXvlgDPFq+PdwuVwBXZH8yJS9FacuAteBd1NgX+5dGbUGOsqD/dbzhbkDY7EWYD9z7X623c4E2+EwOjEo0YPAIg/aWOgHUGp5GL3deHDT73WZLnYhHsY9sRmyq1jQXVBxzATl8FPki6NXMR5aqgEUHjp5FeNurJyf0rlP3ov1CBbjGJPw9pmAx+AIAbZ0R6y9gYmSL26hScJYet8mSp7dLFHF7rV9BpRs3FBUsU/2DVDSOYQVB+tfY0runTYssbR+lVoKHtwIy5Kluc/cRESOTqmagpX3AbPm5LSmtnRAjD3m70VSlsJ/FpPb4Qu8IuYGmN2/ukprrPU6E7O9d5KMv/EDZBF3bvyeg2EBVtzoboaag2FJiX9qp9KWgyFIyLnmTI2k1jz6F6gtS1ndSzcUHeljXhwsqlEpastaHlVuxmjx8u5AWQ+te7ahKoZdlyr5mEWPO2AFanbvwecYkbXXXIJDAv4xgo0H7wU4TLr/WNGZu7Fagqjx2cAOiMRicDMGQXPWwvMraPcwCBrIVmkEREtqFVA0uSrYtc0ssKzezeX/GJxoJHN2WJ4N/kdjdIcnO3k2qAVFFotYALcauPg7EG+FQXgSmQ3C7eqEZxuYAJzwbINSCnyEkhScDKU9L1x9lEi9cIeA1BykZSBI9kF4vIDy4SWpQKAgKZ8QJS7IIlFKFM0gRWKmKMNBVonjRGHXHoijQtSJT5UePkaxifLpcSZInt5OpAckfVy5pSlE49/iiKyEkSU2uxVuq7DZVkxUQGuWUnUwhF/P4Z1KCdzbIiUtMLEESi7RNAVQEo3Bt9EsvPFx0hV25NxSXKqs8e3SrRgu8UXvMr0p7o8UQEXWQIYpcNiXyQOr3WKSJhf8pTrRA4479DQQJI2401C9g4+tfZbdGXVmelngOP1e3R0qHy6X13hOhpI0bWcVnH1Xzj858cE/uPiPF0MPzSQ4XjV1B+sr4sjrnLsO+6LM+xuKVUGMXWFsHAAAAABJRU5ErkJggg==" alt="" class="autoscale gsicon">`

Const swap

swap: TemplateResult = html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M486 102H205V51a26 26 0 00-44-18L8 187a26 26 0 0018 43h460c15 0 26-11 26-25v-77c0-14-11-26-26-26zm0 103H26L179 51v77h307v77zM510 297c-4-9-13-15-24-15H26c-15 0-26 11-26 25v77c0 14 11 26 26 26h281v51a26 26 0 0044 18l154-154c7-7 9-18 5-28zM333 461v-77H26v-77h460L333 461z"/></svg>`

Const switchTrack

switchTrack: TemplateResult = html`<svg width="24pt" height="24pt" version="1.1" viewBox="0 0 24 24"><path d="m17.043 2.9453v1.1211l-0.83203 0.24609c-1.9492 0.58594-3.7656 2.3047-7.0312 6.6602-3.7773 5.0312-4.3828 5.5-7.0781 5.5h-1.8164v3.2656h1.9023c3.8672 0 5.1367-0.89062 9.5234-6.6719 2.4258-3.1953 3.4219-4.3359 4.4648-5.0898 0.84766-0.61328 0.86719-0.59766 0.86719 0.62891 0 0.80859 0.042969 1.0625 0.17578 1.0117 0.46484-0.18359 6.5625-3.7734 6.5938-3.8828 0.039062-0.12109-6.168-3.7734-6.5664-3.8633-0.16406-0.035156-0.20312 0.17578-0.20312 1.0742m-16.758 2.8047v1.6328h1.7812c2.3867 0 2.9375 0.30078 4.9102 2.6406 1.2148 1.4414 0.99219 1.4531 2.1445-0.10938l0.95312-1.293-0.45703-0.57812c-2.3672-3.0078-4.0938-3.9258-7.3711-3.9258h-1.9609v1.6328m11.719 8.1172c-1.1641 1.543-1.2031 1.3281 0.60156 3.1484 1.5938 1.6094 2.7266 2.3438 3.8945 2.5312l0.54297 0.085937v1.1992c0 0.96875 0.039062 1.1914 0.20312 1.1562 0.39844-0.09375 6.6055-3.7422 6.5664-3.8633-0.03125-0.11328-6.1289-3.6992-6.5938-3.8828-0.13281-0.054688-0.17578 0.20312-0.17578 1.0078 0 0.59375-0.054688 1.082-0.12109 1.082-0.38672 0-2.875-2.3594-3.5078-3.3281-0.34375-0.52344-0.38672-0.49609-1.4102 0.86328" fill-rule="evenodd"/></svg>`

Const track

track: TemplateResult = html`<svg width="24pt" height="24pt" viewBox="0 0 24 24" version="1.1"><g><path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 11.054688 0.09375 C 10.960938 0.144531 10.832031 0.261719 10.773438 0.359375 C 10.671875 0.523438 10.664062 0.59375 10.648438 1.335938 L 10.632812 2.136719 L 10.179688 2.210938 C 6.21875 2.898438 2.898438 6.21875 2.210938 10.179688 L 2.136719 10.632812 L 1.335938 10.648438 C 0.59375 10.664062 0.523438 10.671875 0.359375 10.777344 C 0.046875 10.96875 0 11.132812 0 12 C 0 12.867188 0.046875 13.03125 0.359375 13.222656 C 0.523438 13.328125 0.59375 13.335938 1.335938 13.351562 L 2.136719 13.367188 L 2.210938 13.820312 C 2.898438 17.78125 6.21875 21.101562 10.179688 21.789062 L 10.632812 21.863281 L 10.648438 22.664062 C 10.664062 23.40625 10.671875 23.476562 10.777344 23.640625 C 10.96875 23.953125 11.132812 24 12 24 C 12.867188 24 13.03125 23.953125 13.222656 23.640625 C 13.328125 23.476562 13.335938 23.40625 13.351562 22.664062 L 13.367188 21.863281 L 13.820312 21.789062 C 17.78125 21.101562 21.101562 17.78125 21.789062 13.820312 L 21.863281 13.367188 L 22.664062 13.351562 C 23.40625 13.335938 23.476562 13.328125 23.640625 13.222656 C 23.953125 13.03125 24 12.867188 24 12 C 24 11.132812 23.953125 10.96875 23.640625 10.777344 C 23.476562 10.671875 23.40625 10.664062 22.664062 10.648438 L 21.863281 10.632812 L 21.789062 10.179688 C 21.101562 6.21875 17.78125 2.898438 13.820312 2.210938 L 13.367188 2.136719 L 13.351562 1.335938 C 13.335938 0.59375 13.328125 0.523438 13.222656 0.359375 C 13.03125 0.046875 12.867188 0 11.992188 0 C 11.328125 0.00390625 11.203125 0.015625 11.054688 0.09375 Z M 10.640625 5.492188 C 10.640625 6.167969 10.695312 6.382812 10.925781 6.59375 C 11.113281 6.769531 11.277344 6.796875 12 6.796875 C 12.722656 6.796875 12.886719 6.769531 13.074219 6.59375 C 13.304688 6.382812 13.359375 6.167969 13.359375 5.492188 C 13.359375 5.15625 13.375 4.875 13.386719 4.875 C 13.476562 4.875 14.210938 5.085938 14.527344 5.203125 C 16.472656 5.921875 18.078125 7.527344 18.796875 9.472656 C 18.914062 9.789062 19.125 10.523438 19.125 10.613281 C 19.125 10.625 18.84375 10.640625 18.507812 10.640625 C 17.832031 10.640625 17.617188 10.695312 17.40625 10.925781 C 17.230469 11.113281 17.203125 11.277344 17.203125 12 C 17.203125 12.722656 17.230469 12.886719 17.40625 13.074219 C 17.617188 13.304688 17.832031 13.359375 18.507812 13.359375 C 18.84375 13.359375 19.125 13.375 19.125 13.386719 C 19.125 13.402344 19.082031 13.578125 19.03125 13.78125 C 18.375 16.355469 16.355469 18.375 13.785156 19.03125 C 13.578125 19.082031 13.402344 19.125 13.386719 19.125 C 13.375 19.125 13.359375 18.84375 13.359375 18.5 C 13.359375 17.832031 13.304688 17.617188 13.074219 17.40625 C 12.886719 17.230469 12.722656 17.203125 12 17.203125 C 11.277344 17.203125 11.113281 17.230469 10.925781 17.40625 C 10.695312 17.617188 10.640625 17.832031 10.640625 18.5 C 10.640625 18.84375 10.625 19.125 10.613281 19.125 C 10.597656 19.125 10.421875 19.082031 10.214844 19.03125 C 9.449219 18.835938 8.738281 18.523438 8.085938 18.101562 C 6.773438 17.257812 5.699219 15.917969 5.183594 14.492188 C 5.082031 14.203125 4.875 13.46875 4.875 13.386719 C 4.875 13.375 5.15625 13.359375 5.5 13.359375 C 6.167969 13.359375 6.382812 13.304688 6.59375 13.074219 C 6.769531 12.886719 6.796875 12.722656 6.796875 12 C 6.796875 11.277344 6.769531 11.113281 6.59375 10.925781 C 6.382812 10.695312 6.167969 10.640625 5.5 10.640625 C 5.15625 10.640625 4.875 10.625 4.875 10.613281 C 4.875 10.53125 5.082031 9.796875 5.183594 9.507812 C 5.875 7.59375 7.496094 5.949219 9.40625 5.222656 C 9.722656 5.105469 10.46875 4.882812 10.585938 4.878906 C 10.625 4.875 10.640625 5.03125 10.640625 5.492188 Z M 10.640625 5.492188 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 11.382812 10.46875 C 9.867188 11.105469 10.121094 13.332031 11.738281 13.585938 C 12.617188 13.726562 13.421875 13.167969 13.597656 12.296875 C 13.75 11.574219 13.367188 10.820312 12.703125 10.503906 C 12.328125 10.332031 11.75 10.3125 11.382812 10.46875 Z M 11.382812 10.46875 "/></g></svg>`

Const triLeft

triLeft: TemplateResult = html`<svg width="24pt" height="24pt" viewBox="0 0 24 24"><polygon points="0 12, 24 0, 24 24"/></svg>`

Const triRight

triRight: TemplateResult = html`<svg width="24pt" height="24pt" viewBox="0 0 24 24"><polygon points="0 0, 24 12, 0 24"/></svg>`

Const union

union: TemplateResult = html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 16V8h8V0h16v16h-8v8H0zm0 0"/></svg>`

Const uniteCircle

uniteCircle: TemplateResult = html`<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgAgMAAAD2oY++AAAAAXNSR0IB2cksfwAAAAxQTFRFAAAAAAAAAAAAAAAANek3lgAAAAR0Uk5T/gAicCKdMBIAAALkSURBVHic7dm7kdswEAZgiBwFDOiLVIJKYHCOVIIDS/ZYDpj7giuBTbAEZw6uBDShEhg4uxJMgC8A++9ihzMeJ97sZr45ErtLvGSuXHx7N+bp5/qn4dzdmjHKIQdv3o2yz8BXM0ctw7tZYxDh2wY/SPBmgugF+BLCZwHaEJY8vJsoBha2MaxY2MWw4OAXk0TPwO8pbBj4msKagTaFJYa31PmXBPArhWcIWworCMlY/GgAJGPxo6EQjMWNhkJSFxcnAMGg3bApBIN2w6YQDNoNm8IOwQJAkB2XHwqRM4ZCmB1jHgR+xvBEIEzjmEgCyXcwRUPgJwyPBLYYVgTCwoyl2Q8vGB4I7DAs9sEf71iNUYbwF8ti+CK4MVZ3l90G35SQaQYKrRIybUhh7g0XyHwpFLZaaJUwl+wVKp5spN4KYmoKOMkimC3f0rjMB0WhzUP/cSlecfpc8w0xw1YB/ZTSKaCfpKwCumlP0WLTRKoZi5+amakzDjfZK+oyLR+dwvkFSfMP3RKnKaBfNJkVKA63DCuacVrYVdlxWwVVdtzm46JwfjvTKaDfIFkFdFsuVRrdJk7VZP0INfl2u2Gj+rIc1BSmcVBTmN7BNu+mDbsCTkcARamnQ8Ul6+ZjSh7OB58uC3slXA5nNgcHJVwPkBm4HUkzbjvkyhEcm+W4/of/DFrJlX8VdhIs9sCLBA97oDil1AFsJVjtgeJEegygODU3ARQn+3MAxeXjFEBxQXoEUFzi+gBKi2bQPPIyXETwwsNDBIVi1xEUSnOMoFCaJoJCxk8RFBLZR1CYA64x7DhXJJDNT51ANj/HBLIdeU4g22iPBHL9E/bOBDsMCwJbDCsCuesTApki9gRyl0YUMvdVFMKWbABkbukoRJmMs7jAlsIKQnBsHiDE96cIkmenT14gabUHA+H1MoRJY5xZiO7KMYzK2AgQXPwzkP6UwMDtqukZuOiicr68+ohcfKPprsOefkN3/QNz7BGg/vj3xQAAAABJRU5ErkJggg==" alt="" class="autoscale gsicon">`

Const upload

upload: TemplateResult = html`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M17 12v5H3v-5H1v5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5z"/><path d="M15 7l-5-6-5 6h4v8h2V7h4z"/></svg>`

Const zoomIn

zoomIn: TemplateResult = html`<svg width="24" height="24" viewBox="0 0 24 24"><path d="M13 10h-3v3h-2v-3h-3v-2h3v-3h2v3h3v2zm8.172 14l-7.387-7.387c-1.388.874-3.024 1.387-4.785 1.387-4.971 0-9-4.029-9-9s4.029-9 9-9 9 4.029 9 9c0 1.761-.514 3.398-1.387 4.785l7.387 7.387-2.828 2.828zm-12.172-8c3.859 0 7-3.14 7-7s-3.141-7-7-7-7 3.14-7 7 3.141 7 7 7z"/></svg>`

Const zoomOut

zoomOut: TemplateResult = html`<svg width="24" height="24" viewBox="0 0 24 24"><path d="M13 10h-8v-2h8v2zm8.172 14l-7.387-7.387c-1.388.874-3.024 1.387-4.785 1.387-4.971 0-9-4.029-9-9s4.029-9 9-9 9 4.029 9 9c0 1.761-.514 3.398-1.387 4.785l7.387 7.387-2.828 2.828zm-12.172-8c3.859 0 7-3.14 7-7s-3.141-7-7-7-7 3.14-7 7 3.141 7 7 7z"/></svg>`

Functions

byteToHex

  • byteToHex(num: number): string
  • Parameters

    • num: number

    Returns string

checkPathExists

  • checkPathExists(path: string): boolean
  • Parameters

    • path: string

    Returns boolean

colorAnyToHex

  • colorAnyToHex(color: string): string
  • Parameters

    • color: string

    Returns string

colorAnyToHexNumber

  • colorAnyToHexNumber(color: string): number
  • Parameters

    • color: string

    Returns number

colorToHex

  • colorToHex(color: string): string
  • Parameters

    • color: string

    Returns string

colorToRGBA

  • colorToRGBA(color: string): Uint8ClampedArray
  • Parameters

    • color: string

    Returns Uint8ClampedArray

commonJson

  • commonJson(entities: any[]): any
  • Parameters

    • entities: any[]

    Returns any

convertIndexToDict

  • convertIndexToDict(indexes: number[], width: number): [number, number][]
  • Convert an array of points stored using row order into an array of pixels (pixel format : {x:x_value, y:y_value})

    Parameters

    • indexes: number[]

      an array of points stored row order, indexes[0] => x=0,y=0, indexes[1] => x=1,y=0, ...

    • width: number

      the width of the image

    Returns [number, number][]

copyClipboard

  • copyClipboard(newClip: string): void
  • Parameters

    • newClip: string

    Returns void

hexStringToNumber

  • hexStringToNumber(color: string): number
  • Parameters

    • color: string

    Returns number

intersectionOverUnion

  • intersectionOverUnion(box1: number[], box2: number[]): number
  • Compute IOU between two boxes sorted as [l, t, r, b]

    Parameters

    • box1: number[]

      Coordinates of the first box

    • box2: number[]

      Coordinates of the second boxe

    Returns number

Const isEqual

  • isEqual(value: any, other: any): boolean
  • Parameters

    • value: any
    • other: any

    Returns boolean

observable

  • observable<T>(obj: T): T
  • Wrap an object to make its properties observable. - Observers will be notified of property changes with the property name and updated value as arguments.

    Type parameters

    • T: object

    Parameters

    • obj: T

    Returns T

observe

  • Subscribe an observer to an observable. - Returns the observer for convenience.

    Note: If the observer must live as long as the observed object, it is unecessary to unsubscribe them. Observing an object will not increase its refcount or prevent garbage collection. Observers will be automatically deleted along the observed.

    Parameters

    • target: object
    • observer: Observer
    • Default value order: number = 10

    Returns Observer

pasteClipboard

  • pasteClipboard(): Promise<string>
  • Returns Promise<string>

rgbToHex

  • rgbToHex(r: number, g: number, b: number): string
  • Parameters

    • r: number
    • g: number
    • b: number

    Returns string

searchSorted

  • searchSorted<T>(arr: T[], value: T): number
  • Type parameters

    • T

    Parameters

    • arr: T[]
    • value: T

    Returns number

shuffle

  • shuffle(a: any[]): any[]
  • Shuffles array in place. ES6 version

    Parameters

    • a: any[]

      items An array containing the items.

    Returns any[]

simplify

  • simplify(points: [number, number][], tolerance?: number, highestQuality?: boolean): [number, number][]
  • Simplify polygon

    Parameters

    • points: [number, number][]

      Array<[number, number]> input points

    • Default value tolerance: number = 1

      number

    • Default value highestQuality: boolean = false

    Returns [number, number][]

unobserve

  • unobserve(target: object, observer: Observer): void
    • Note: unsubscribing inexistant observers is silently ignored.

    Parameters

    Returns void

Object literals

Const colorNames

colorNames: object
copyright

CEA-LIST/DIASI/SIALV/LVA (2019)

author

CEA-LIST/DIASI/SIALV/LVA pixano@cea.fr

license

CECILL-C

aliceblue

aliceblue: string = "f0f8ff"

antiquewhite

antiquewhite: string = "faebd7"

aqua

aqua: string = "0ff"

aquamarine

aquamarine: string = "7fffd4"

azure

azure: string = "f0ffff"

beige

beige: string = "f5f5dc"

bisque

bisque: string = "ffe4c4"

black

black: string = "000"

blanchedalmond

blanchedalmond: string = "ffebcd"

blue

blue: string = "00f"

blueviolet

blueviolet: string = "8a2be2"

brown

brown: string = "a52a2a"

burlywood

burlywood: string = "deb887"

burntsienna

burntsienna: string = "ea7e5d"

cadetblue

cadetblue: string = "5f9ea0"

chartreuse

chartreuse: string = "7fff00"

chocolate

chocolate: string = "d2691e"

coral

coral: string = "ff7f50"

cornflowerblue

cornflowerblue: string = "6495ed"

cornsilk

cornsilk: string = "fff8dc"

crimson

crimson: string = "dc143c"

cyan

cyan: string = "0ff"

darkblue

darkblue: string = "00008b"

darkcyan

darkcyan: string = "008b8b"

darkgoldenrod

darkgoldenrod: string = "b8860b"

darkgray

darkgray: string = "a9a9a9"

darkgreen

darkgreen: string = "006400"

darkgrey

darkgrey: string = "a9a9a9"

darkkhaki

darkkhaki: string = "bdb76b"

darkmagenta

darkmagenta: string = "8b008b"

darkolivegreen

darkolivegreen: string = "556b2f"

darkorange

darkorange: string = "ff8c00"

darkorchid

darkorchid: string = "9932cc"

darkred

darkred: string = "8b0000"

darksalmon

darksalmon: string = "e9967a"

darkseagreen

darkseagreen: string = "8fbc8f"

darkslateblue

darkslateblue: string = "483d8b"

darkslategray

darkslategray: string = "2f4f4f"

darkslategrey

darkslategrey: string = "2f4f4f"

darkturquoise

darkturquoise: string = "00ced1"

darkviolet

darkviolet: string = "9400d3"

deeppink

deeppink: string = "ff1493"

deepskyblue

deepskyblue: string = "00bfff"

dimgray

dimgray: string = "696969"

dimgrey

dimgrey: string = "696969"

dodgerblue

dodgerblue: string = "1e90ff"

firebrick

firebrick: string = "b22222"

floralwhite

floralwhite: string = "fffaf0"

forestgreen

forestgreen: string = "228b22"

fuchsia

fuchsia: string = "f0f"

gainsboro

gainsboro: string = "dcdcdc"

ghostwhite

ghostwhite: string = "f8f8ff"

gold

gold: string = "ffd700"

goldenrod

goldenrod: string = "daa520"

gray

gray: string = "808080"

green

green: string = "008000"

greenyellow

greenyellow: string = "adff2f"

grey

grey: string = "808080"

honeydew

honeydew: string = "f0fff0"

hotpink

hotpink: string = "ff69b4"

indianred

indianred: string = "cd5c5c"

indigo

indigo: string = "4b0082"

ivory

ivory: string = "fffff0"

khaki

khaki: string = "f0e68c"

lavender

lavender: string = "e6e6fa"

lavenderblush

lavenderblush: string = "fff0f5"

lawngreen

lawngreen: string = "7cfc00"

lemonchiffon

lemonchiffon: string = "fffacd"

lightblue

lightblue: string = "add8e6"

lightcoral

lightcoral: string = "f08080"

lightcyan

lightcyan: string = "e0ffff"

lightgoldenrodyellow

lightgoldenrodyellow: string = "fafad2"

lightgray

lightgray: string = "d3d3d3"

lightgreen

lightgreen: string = "90ee90"

lightgrey

lightgrey: string = "d3d3d3"

lightpink

lightpink: string = "ffb6c1"

lightsalmon

lightsalmon: string = "ffa07a"

lightseagreen

lightseagreen: string = "20b2aa"

lightskyblue

lightskyblue: string = "87cefa"

lightslategray

lightslategray: string = "789"

lightslategrey

lightslategrey: string = "789"

lightsteelblue

lightsteelblue: string = "b0c4de"

lightyellow

lightyellow: string = "ffffe0"

lime

lime: string = "0f0"

limegreen

limegreen: string = "32cd32"

linen

linen: string = "faf0e6"

magenta

magenta: string = "f0f"

maroon

maroon: string = "800000"

mediumaquamarine

mediumaquamarine: string = "66cdaa"

mediumblue

mediumblue: string = "0000cd"

mediumorchid

mediumorchid: string = "ba55d3"

mediumpurple

mediumpurple: string = "9370db"

mediumseagreen

mediumseagreen: string = "3cb371"

mediumslateblue

mediumslateblue: string = "7b68ee"

mediumspringgreen

mediumspringgreen: string = "00fa9a"

mediumturquoise

mediumturquoise: string = "48d1cc"

mediumvioletred

mediumvioletred: string = "c71585"

midnightblue

midnightblue: string = "191970"

mintcream

mintcream: string = "f5fffa"

mistyrose

mistyrose: string = "ffe4e1"

moccasin

moccasin: string = "ffe4b5"

navajowhite

navajowhite: string = "ffdead"

navy

navy: string = "000080"

oldlace

oldlace: string = "fdf5e6"

olive

olive: string = "808000"

olivedrab

olivedrab: string = "6b8e23"

orange

orange: string = "ffa500"

orangered

orangered: string = "ff4500"

orchid

orchid: string = "da70d6"

palegoldenrod

palegoldenrod: string = "eee8aa"

palegreen

palegreen: string = "98fb98"

paleturquoise

paleturquoise: string = "afeeee"

palevioletred

palevioletred: string = "db7093"

papayawhip

papayawhip: string = "ffefd5"

peachpuff

peachpuff: string = "ffdab9"

peru

peru: string = "cd853f"

pink

pink: string = "ffc0cb"

plum

plum: string = "dda0dd"

powderblue

powderblue: string = "b0e0e6"

purple

purple: string = "800080"

rebeccapurple

rebeccapurple: string = "663399"

red

red: string = "f00"

rosybrown

rosybrown: string = "bc8f8f"

royalblue

royalblue: string = "4169e1"

saddlebrown

saddlebrown: string = "8b4513"

salmon

salmon: string = "fa8072"

sandybrown

sandybrown: string = "f4a460"

seagreen

seagreen: string = "2e8b57"

seashell

seashell: string = "fff5ee"

sienna

sienna: string = "a0522d"

silver

silver: string = "c0c0c0"

skyblue

skyblue: string = "87ceeb"

slateblue

slateblue: string = "6a5acd"

slategray

slategray: string = "708090"

slategrey

slategrey: string = "708090"

snow

snow: string = "fffafa"

springgreen

springgreen: string = "00ff7f"

steelblue

steelblue: string = "4682b4"

tan

tan: string = "d2b48c"

teal

teal: string = "008080"

thistle

thistle: string = "d8bfd8"

tomato

tomato: string = "ff6347"

turquoise

turquoise: string = "40e0d0"

violet

violet: string = "ee82ee"

wheat

wheat: string = "f5deb3"

white

white: string = "fff"

whitesmoke

whitesmoke: string = "f5f5f5"

yellow

yellow: string = "ff0"

yellowgreen

yellowgreen: string = "9acd32"