{"version":3,"file":"Button.BP0zVyqd.js","sources":["../../../../../../src/lib/UI/Button.svelte"],"sourcesContent":["<script>\n  import { createEventDispatcher } from \"svelte\";\n  import Icon from \"./Icon.svelte\";\n\n  export let id = undefined;\n  export let icon = undefined;\n  export let bump = false;\n  export let tooltip = \"\";\n  export let size = \"larger\";\n  export let style = undefined;\n  export let transparent = true;\n  export let text = undefined;\n  export let elucidation = undefined;\n  export let enabled = true;\n  export let height = \"normal\";\n  export let stateful = false;\n  export let state = \"up\";\n\n  const dispatch = createEventDispatcher();\n\n  function onClick(event) {\n    if (stateful) {\n      state = state === \"up\" ? \"down\" : \"up\";\n      dispatch(\"state-change\", { id: id, state: state });\n    }\n    if (enabled) {\n      dispatch(\"click\", id);\n    }\n  }\n\n  function getStyle(st, tr) {\n    if (st !== undefined) {\n      switch (st) {\n        case \"highlight\":\n          return \"button-highlight\";\n        case \"transparent\":\n          return \"transparent-background\";\n        default:\n          return \"\";\n      }\n    }\n    if (tr !== undefined && tr) {\n      return \"transparent-background\";\n    }\n\n    return \"\";\n  }\n</script>\n\n<button\n  disabled={!enabled}\n  title={!!elucidation ? elucidation : text}\n  class:statedown={state === \"down\"}\n  class:enabled\n  class:small={height === \"small\"}\n  class:bump\n  class=\"button {getStyle(style, transparent)}\"\n  on:click={onClick}\n>\n  <Icon {size} {icon} {tooltip} />\n  {#if text !== undefined}\n    <span class=\"button-text\" class:button-visibility={!!icon}>{text}</span>\n  {/if}\n</button>\n\n<style>\n  .button {\n    color: var(--accent-color);\n    -webkit-appearance: none;\n    border-radius: 5px;\n    border-width: 1px;\n    background-color: white;\n    height: 37px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: all 250ms ease-in-out;\n  }\n\n  .button-highlight {\n    background-color: var(--accent-color);\n    color: white;\n    border: none;\n  }\n\n  .transparent-background {\n    background-color: transparent;\n    border-color: transparent;\n  }\n\n  .small {\n    height: 20px;\n  }\n\n  .bump {\n    margin-left: 5px;\n  }\n\n  .enabled.button:hover {\n    background-color: var(--background-select);\n    border-color: #ddd;\n    cursor: pointer;\n  }\n\n  .statedown.button {\n    background-color: var(--background-select);\n    border-color: #ddd;\n    cursor: pointer;\n    color: var(--theme-color);\n  }\n\n  .button-text {\n    margin-left: 0.5rem;\n  }\n\n  @media screen and (max-width: 500px) {\n    .button-visibility {\n      display: none;\n    }\n  }\n</style>\n"],"names":["ctx","insert_hydration","target","span","anchor","if_block","create_if_block","getStyle","toggle_class","button","st","tr","id","$$props","icon","bump","tooltip","size","style","transparent","text","elucidation","enabled","height","stateful","state","dispatch","createEventDispatcher","onClick","event","$$invalidate"],"mappings":"4UA6DgEA,EAAI,CAAA,CAAA,2DAAJA,EAAI,CAAA,CAAA,gGAAXA,EAAI,CAAA,CAAA,UAAzDC,EAAuEC,EAAAC,EAAAC,CAAA,4BAAXJ,EAAI,CAAA,CAAA,iCAAXA,EAAI,CAAA,CAAA,0GADtD,IAAAK,EAAAL,OAAS,QAASM,EAAAN,CAAA,sMAVZA,EAAO,CAAA,gBACTA,EAAW,CAAA,EAAGA,EAAW,CAAA,EAAGA,EAAI,CAAA,CAAA,0BAK1BO,EAASP,EAAK,CAAA,EAAEA,EAAW,CAAA,CAAA,EAAA,gBAAA,EAJzBQ,EAAAC,EAAA,YAAAT,OAAU,MAAM,sBAEpBQ,EAAAC,EAAA,QAAAT,QAAW,OAAO,2BALjCC,EAcQC,EAAAO,EAAAL,CAAA,2DANIJ,EAAO,EAAA,CAAA,oGAGZA,OAAS,oFAVHA,EAAO,CAAA,uCACTA,EAAW,CAAA,EAAGA,EAAW,CAAA,EAAGA,EAAI,CAAA,gDAK1BO,EAASP,EAAK,CAAA,EAAEA,EAAW,CAAA,CAAA,EAAA,+CAJzBQ,EAAAC,EAAA,YAAAT,OAAU,MAAM,iDAEpBQ,EAAAC,EAAA,QAAAT,QAAW,OAAO,iJAxBtBO,EAASG,EAAIC,EAAE,CAClB,GAAAD,IAAO,cACDA,EAAE,KACH,kBACI,uBACJ,oBACI,uCAEA,UAGTC,IAAO,QAAaA,EACf,yBAGF,qBAzCE,GAAA,CAAA,GAAAC,EAAK,MAAS,EAAAC,EACd,CAAA,KAAAC,EAAO,MAAS,EAAAD,EAChB,CAAA,KAAAE,EAAO,EAAK,EAAAF,EACZ,CAAA,QAAAG,EAAU,EAAE,EAAAH,EACZ,CAAA,KAAAI,EAAO,QAAQ,EAAAJ,EACf,CAAA,MAAAK,EAAQ,MAAS,EAAAL,EACjB,CAAA,YAAAM,EAAc,EAAI,EAAAN,EAClB,CAAA,KAAAO,EAAO,MAAS,EAAAP,EAChB,CAAA,YAAAQ,EAAc,MAAS,EAAAR,EACvB,CAAA,QAAAS,EAAU,EAAI,EAAAT,EACd,CAAA,OAAAU,EAAS,QAAQ,EAAAV,EACjB,CAAA,SAAAW,EAAW,EAAK,EAAAX,EAChB,CAAA,MAAAY,EAAQ,IAAI,EAAAZ,EAEjB,MAAAa,EAAWC,IAER,SAAAC,EAAQC,EAAK,CAChBL,IACFM,EAAA,EAAAL,EAAQA,IAAU,KAAO,OAAS,IAAI,EACtCC,EAAS,eAAsB,CAAA,GAAAd,EAAW,MAAAa,CAAK,CAAA,GAE7CH,GACFI,EAAS,QAASd,CAAE"}