{"version":3,"file":"ActionItem.Bj5UKNmU.js","sources":["../../../../../../src/lib/UI/Action/ActionItem.svelte"],"sourcesContent":["<script>\n    import { createEventDispatcher } from \"svelte\";\n    import Icon from \"$lib/UI/Icon.svelte\";\n    export let id = undefined;\n    export let title = undefined;\n    export let description = undefined;\n    export let icon = undefined;\n    export let first = false;\n    export let action = undefined;\n    export let top = false;\n\n    let menuVisible = false;\n\n    const dispatch = createEventDispatcher();\n\n    function doActionSelect(event) {\n        dispatch(\"select\", { id: id, action: action });\n    }\n\n    function truncateDescription(description) {\n        if (!!description) {\n            let length = 100;\n\n            return description.length > length\n                ? description.substring(0, length) + \"...\"\n                : description;\n        }\n        return \"\";\n    }\n\n    function empty(s) {\n        if (!s) {\n            return \"\";\n        }\n        return s;\n    }\n</script>\n\n<div\n    class=\"actionlistitem\"\n    class:first-actionlistitem={first}\n    class:top-actionlistitem={top}\n>\n    <div class=\"icon\">\n        <Icon style=\"light\" {icon} size=\"larger\" />\n    </div>\n\n    <div class=\"listitem\" on:click={doActionSelect}>\n        <div class=\"listline topline\">\n            <span class=\"title\">{empty(title)}</span>\n        </div>\n        <div class=\"listline\">\n            <span class=\"description\">{truncateDescription(description)}</span>\n        </div>\n    </div>\n    <slot />\n</div>\n\n<style>\n    .icon {\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n        padding: 0 8px 0 0;\n        width: 45px;\n    }\n\n    .actionlistitem:hover {\n        background-color: var(--background-select);\n        cursor: pointer;\n    }\n\n    .listitem:active {\n        background-color: var(--background-select);\n    }\n\n    .actionlistitem {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        width: 100%;\n        font-size: small;\n        border-top: gray solid 1px;\n    }\n\n    .top-actionlistitem {\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .first-actionlistitem {\n        border-top: initial;\n    }\n\n    .topline {\n        padding-top: 5px;\n    }\n\n    .listitem {\n        padding: 5px;\n        width: 100%;\n        padding: 0 0;\n    }\n\n    .listline {\n        display: flex;\n\n        flex-direction: row;\n        justify-content: space-between;\n        width: 100%;\n    }\n\n    .top-actionlistitem .listline {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        width: 100%;\n    }\n\n    .title {\n        margin-bottom: 0.1rem;\n        font-weight: bold;\n    }\n\n    .description {\n        padding-bottom: 0.5rem;\n    }\n</style>\n"],"names":["t1_value","empty","ctx","t3_value","truncateDescription","insert_hydration","target","div4","anchor","append_hydration","div0","div3","div1","span0","div2","span1","current","dirty","set_data","t1","t3","description","length","s","id","$$props","title","icon","first","action","top","dispatch","createEventDispatcher","doActionSelect","event"],"mappings":"8VAiDiCA,EAAAC,EAAMC,EAAK,CAAA,CAAA,EAAA,WAGLC,EAAAC,EAAoBF,EAAW,CAAA,CAAA,EAAA,8+BAZtCA,EAAK,CAAA,CAAA,2BACPA,EAAG,CAAA,CAAA,UAHjCG,EAkBKC,EAAAC,EAAAC,CAAA,EAbDC,EAEKF,EAAAG,CAAA,sBAELD,EAOKF,EAAAI,CAAA,EANDF,EAEKE,EAAAC,CAAA,EADDH,EAAwCG,EAAAC,CAAA,gBAE5CJ,EAEKE,EAAAG,CAAA,EADDL,EAAkEK,EAAAC,CAAA,sDAL1Cb,EAAc,CAAA,CAAA,2DAEjB,CAAAc,GAAAC,EAAA,IAAAjB,KAAAA,EAAAC,EAAMC,EAAK,CAAA,CAAA,EAAA,KAAAgB,EAAAC,EAAAnB,CAAA,GAGL,CAAAgB,GAAAC,EAAA,IAAAd,KAAAA,EAAAC,EAAoBF,EAAW,CAAA,CAAA,EAAA,KAAAgB,EAAAE,EAAAjB,CAAA,2GAZtCD,EAAK,CAAA,CAAA,uCACPA,EAAG,CAAA,CAAA,0HAtBpB,SAAAE,EAAoBiB,EAAW,IAC9BA,EAAW,CACT,IAAAC,EAAS,WAEND,EAAY,OAASC,EACtBD,EAAY,UAAU,EAAGC,CAAM,EAAI,MACnCD,QAEH,GAGF,SAAApB,EAAMsB,EAAC,QACPA,GACM,oDA7BJ,CAAA,GAAAC,EAAK,MAAS,EAAAC,EACd,CAAA,MAAAC,EAAQ,MAAS,EAAAD,EACjB,CAAA,YAAAJ,EAAc,MAAS,EAAAI,EACvB,CAAA,KAAAE,EAAO,MAAS,EAAAF,EAChB,CAAA,MAAAG,EAAQ,EAAK,EAAAH,EACb,CAAA,OAAAI,EAAS,MAAS,EAAAJ,EAClB,CAAA,IAAAK,EAAM,EAAK,EAAAL,EAIhB,MAAAM,EAAWC,IAER,SAAAC,EAAeC,EAAK,CACzBH,EAAS,SAAgB,CAAA,GAAAP,EAAY,OAAAK,CAAM,CAAA"}