{"version":3,"file":"ActionTile.BDO5yZtM.js","sources":["../../../../../../src/lib/UI/Action/ActionTile.svelte"],"sourcesContent":["<script>\n    // @ts-nocheck\n\n    import { createEventDispatcher } from \"svelte\";\n    import Icon from \"$lib/UI/Icon.svelte\";\n    import ActionItem from \"./ActionItem.svelte\";\n\n    export let id = undefined;\n    export let title = undefined;\n    export let elucidation = undefined;\n    export let icon = undefined;\n    export let action = undefined;\n    export let styleClass = \"action-default\";\n    export let tooltip = undefined;\n    export let items = [];\n    export let menuVisible = undefined;\n    export let menuPop = undefined;\n\n    const dispatch = createEventDispatcher();\n\n    function doActionSelect(event) {\n        if (!!items && items.length > 0) {\n            menuVisible = true;\n        } else {\n            menuVisible = false;\n            dispatch(\"select\", { id: id, action: action });\n        }\n    }\n\n    function doSelectItem(item) {\n        dispatch(\"select\", { id: item.id, action: item.action });\n        menuVisible = false;\n    }\n\n    function closeModal() {\n        menuVisible = false;\n    }\n\n    function getPop(s) {\n        if (!!menuPop && menuPop === \"left\") {\n            return \"action-items-pop-left\";\n        } else if (!!menuPop && menuPop === \"top\") {\n            return \"action-items-pop-top\";\n        }\n        return \"action-items\";\n    }\n</script>\n\n{#if menuVisible}\n    <div class=\"modal-backdrop\" on:click={closeModal} />\n{/if}\n\n<div\n    {id}\n    title={tooltip}\n    class=\"action-tile {styleClass} {styleClass}-color\"\n    on:click={doActionSelect}\n>\n    <div class=\"static-tile\">\n        <div class=\"tile-name\">\n            {title}\n        </div>\n        <div class=\"tile-icon\">\n            <Icon {icon} size=\"large\" />\n        </div>\n        <div class=\"tile-elucidation\">\n            {elucidation}\n        </div>\n    </div>\n    {#if menuVisible}\n        {#if !!items}\n            <div class={getPop(menuPop)}>\n                {#each items as item, idx (item.id)}\n                    <ActionItem\n                        id={item.id}\n                        title={item.title}\n                        icon={item.icon}\n                        top={item.top}\n                        first={idx === 0}\n                        description={item.description}\n                        on:select={() => doSelectItem(item)}\n                    />\n                {/each}\n            </div>\n        {/if}\n    {/if}\n</div>\n\n<style>\n    .action-tile {\n        width: 250px;\n        height: 160px;\n        border-radius: 30px;\n        box-shadow: var(--box-shadow);\n        margin: 1rem;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .static-tile {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        min-height: 130px;\n        justify-content: space-between;\n        cursor: pointer;\n    }\n\n    .tile-name {\n        font-size: larger;\n    }\n\n    .tile-elucidation {\n        font-size: smaller;\n        text-align: center;\n        width: 80%;\n    }\n\n    .tile-icon {\n        margin: 5px;\n    }\n    .action {\n        margin: 1rem 1rem 0 1rem;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n    }\n\n    .action-small {\n        margin: 0 5px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n    }\n\n    .action-selected {\n        border: 2px solid;\n    }\n\n    .action:hover {\n        cursor: pointer;\n    }\n\n    .action-small:hover {\n        cursor: pointer;\n    }\n\n    .action-items {\n        border: solid gray 1px;\n        border-radius: 5px;\n        padding: 5px;\n        position: absolute;\n        top: 0px;\n        left: 50px;\n        background: var(--background-active);\n        z-index: 100;\n        width: 250px;\n    }\n\n    .action-items-pop-top {\n        border: solid gray 1px;\n        border-radius: 5px;\n        padding: 5px;\n        position: absolute;\n        bottom: 0px;\n        left: 50px;\n        background: var(--background-active);\n        z-index: 100;\n        width: 250px;\n    }\n    .action-items-pop-left {\n        border: solid gray 1px;\n        border-radius: 5px;\n        padding: 5px;\n        position: absolute;\n        top: 20px;\n        left: -240px;\n        background: var(--background-active);\n        z-index: 100;\n        width: 250px;\n    }\n\n    .modal-backdrop {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100vh;\n        z-index: 10;\n    }\n\n    .tile-title {\n        font-size: smaller;\n        color: white;\n    }\n\n    .tile-icon {\n        margin: 5px;\n    }\n\n    .action-small-button {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        height: 30px;\n        width: 30px;\n        border-radius: 30px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .action-button {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        height: 50px;\n        width: 50px;\n        border-radius: 6px;\n        justify-content: center;\n    }\n\n    @media screen and (max-width: 700px) {\n        .action {\n            margin: 1rem 1rem 0 1rem;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            position: initial;\n        }\n\n        .action-items {\n            border: solid gray 1px;\n            border-radius: 5px;\n            padding: 5px;\n            position: absolute;\n            top: 110px;\n            left: 50px;\n            background: var(--background-active);\n            z-index: 100;\n            width: 250px;\n        }\n    }\n</style>\n"],"names":["insert_hydration","target","div","anchor","ctx","create_if_block_1","get_key","i","attr","div_class_value","null_to_empty","current","dirty","actionitem_changes","create_if_block_2","create_if_block","div4","div4_class_value","append_hydration","div3","div0","div1","div2","id","$$props","title","elucidation","icon","action","styleClass","tooltip","items","menuVisible","menuPop","dispatch","createEventDispatcher","doActionSelect","event","$$invalidate","doSelectItem","item","closeModal","getPop","s","select_handler"],"mappings":"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"}