{"version":3,"file":"MessageStrip.B4bRq-v8.js","sources":["../../../../../../src/lib/UI/MessageStrip.svelte"],"sourcesContent":["<script>\n    import { createEventDispatcher } from \"svelte\";\n    import Icon from \"$lib/UI/Icon.svelte\";\n    import { l } from \"$lib/Utils/l10n.svelte\";\n\n    export let show = true;\n\n    const dispatch = createEventDispatcher();\n\n    function doClose() {\n        show = false;\n        dispatch(\"close\");\n    }\n</script>\n\n{#if show}\n    <div class=\"header\">\n        <slot />\n\n        <div class=\"buttons\" on:click={doClose}>\n            <Icon\n                icon=\"circle-xmark\"\n                style=\"light\"\n                on:click={doClose}\n                tooltip={l(\"Sluit\")}\n            />\n        </div>\n    </div>\n{/if}\n\n<style>\n    .buttons {\n        cursor: pointer;\n    }\n\n    .header {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        padding: 5px;\n        border: solid 1px gray;\n        background: var(--message-strip-background);\n        border-radius: 5px;\n        margin: 0.1rem 0.5rem;\n    }\n</style>\n"],"names":["l","ctx","insert_hydration","target","div1","anchor","append_hydration","div0","create_if_block","show","$$props","dispatch","createEventDispatcher","doClose","$$invalidate"],"mappings":"ieAwByB,QAAAA,EAAE,OAAO,mBADRC,EAAO,CAAA,CAAA,iTAP7BC,EAWKC,EAAAC,EAAAC,CAAA,wBARDC,EAOKF,EAAAG,CAAA,qCAP0BN,EAAO,CAAA,CAAA,gOAJzCA,EAAI,CAAA,GAAAO,EAAAP,CAAA,8FAAJA,EAAI,CAAA,uNAVM,CAAA,KAAAQ,EAAO,EAAI,EAAAC,EAEhB,MAAAC,EAAWC,aAERC,GAAO,CACZC,EAAA,EAAAL,EAAO,EAAK,EACZE,EAAS,OAAO"}