{"version":3,"file":"IconButton-9a708715.js","sources":["../../../../js/atoms/src/IconButton.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport { type ComponentType } from \"svelte\";\n\texport let Icon: ComponentType;\n\texport let label = \"\";\n\texport let show_label = false;\n\texport let pending = false;\n\texport let size: \"small\" | \"large\" = \"small\";\n\texport let padded = true;\n\texport let highlight = false;\n\texport let disabled = false;\n\texport let hasPopup = false;\n\texport let color = \"var(--block-label-text-color)\";\n\texport let transparent = false;\n\texport let background = \"var(--background-fill-primary)\";\n\t$: _color = highlight ? \"var(--color-accent)\" : color;\n</script>\n\n<button\n\t{disabled}\n\ton:click\n\taria-label={label}\n\taria-haspopup={hasPopup}\n\ttitle={label}\n\tclass:pending\n\tclass:padded\n\tclass:highlight\n\tclass:transparent\n\tstyle:color={!disabled && _color ? _color : \"var(--block-label-text-color)\"}\n\tstyle:--bg-color={!disabled ? background : \"auto\"}\n>\n\t{#if show_label}<span>{label}</span>{/if}\n\t<div class:small={size === \"small\"} class:large={size === \"large\"}>\n\t\t<Icon />\n\t</div>\n</button>\n\n<style>\n\tbutton {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tgap: 1px;\n\t\tz-index: var(--layer-2);\n\t\t/* background: var(--background-fill-primary); */\n\t\tborder-radius: var(--radius-sm);\n\t\tcolor: var(--block-label-text-color);\n\t\tborder: 1px solid transparent;\n\t}\n\n\tbutton[disabled] {\n\t\topacity: 0.5;\n\t\tbox-shadow: none;\n\t}\n\n\tbutton[disabled]:hover {\n\t\tcursor: not-allowed;\n\t\t/* border: 1px solid var(--button-secondary-border-color); */\n\t\t/* padding: 2px; */\n\t}\n\n\t.padded {\n\t\tpadding: 2px;\n\t\tbackground: var(--bg-color);\n\t\tbox-shadow: var(--shadow-drop);\n\t\tborder: 1px solid var(--button-secondary-border-color);\n\t}\n\n\t/* .padded {\n\t\tpadding: 2px;\n\t\tbackground: var(--background-fill-primary);\n\n\t\tbox-shadow: var(--shadow-drop);\n\t\tborder: 1px solid var(--button-secondary-border-color);\n\t} */\n\n\t/* .padded {\n\t\tpadding: 2px;\n\t\tbackground: var(--background-fill-primary);\n\n\t\tbox-shadow: var(--shadow-drop);\n\t\tborder: 1px solid var(--button-secondary-border-color);\n\t} */\n\n\tbutton:hover,\n\tbutton.highlight {\n\t\tcursor: pointer;\n\t\tcolor: var(--color-accent);\n\t}\n\n\t.padded:hover {\n\t\tborder: 2px solid var(--button-secondary-border-color-hover);\n\t\tpadding: 1px;\n\t\tcolor: var(--block-label-text-color);\n\t}\n\n\tspan {\n\t\tpadding: 0px 1px;\n\t\tfont-size: 10px;\n\t}\n\n\tdiv {\n\t\tpadding: 2px;\n\t\tdisplay: flex;\n\t\talign-items: flex-end;\n\t}\n\n\t.small {\n\t\twidth: 14px;\n\t\theight: 14px;\n\t}\n\n\t.large {\n\t\twidth: 22px;\n\t\theight: 22px;\n\t}\n\n\t.pending {\n\t\tanimation: flash 0.5s infinite;\n\t}\n\n\t@keyframes flash {\n\t\t0% {\n\t\t\topacity: 0.5;\n\t\t}\n\t\t50% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.transparent {\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\tbox-shadow: none;\n\t}\n</style>\n"],"names":[],"mappings":"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"}