{"version":3,"file":"ButtonMenu-M5GPP51p.js","sources":["../../src/lib/components/ButtonMenu/Context.ts","../../src/lib/components/ButtonMenu/MenuLink.svelte","../../src/lib/components/ButtonMenu/ButtonMenu.svelte"],"sourcesContent":["import type { createDropdownMenu } from '@melt-ui/svelte';\nimport { getContext, setContext } from 'svelte';\nimport type { Readable } from 'svelte/store';\n\nconst symbol = Symbol('context of ButtonMenu');\n\nexport function getButtonMenuContext() {\n    return getContext<ButtonMenuContext>(symbol);\n}\n\nexport function setButtonMenuContext(buttonMenu: ButtonMenuContext): void {\n    setContext<ButtonMenuContext>(symbol, buttonMenu);\n}\n\ntype ButtonMenuContext = {\n    meltMenu: ReturnType<typeof createDropdownMenu>;\n    isLoading: Readable<(key: string) => boolean>;\n    allDisabled: Readable<boolean>;\n    onClick: (actionKey: string) => void;\n};\n","<script lang=\"ts\">\n    import { cx } from '$lib/utils/cx.js';\n    import { getButtonMenuContext } from '$components/ButtonMenu/Context.js';\n    import Spinner from '$components/Spinner/Spinner.svelte';\n    import { fade } from 'svelte/transition';\n    import { melt } from '@melt-ui/svelte';\n\n    export let icon: string | null = null;\n    export let suffixIcon: string | null = null;\n    export let label: string = '';\n\n    export let key: string;\n\n    const { meltMenu, isLoading, allDisabled, onClick } = getButtonMenuContext();\n    const {\n        elements: { item },\n    } = meltMenu;\n\n    $: loading = $isLoading(key);\n    $: disabled = $allDisabled;\n    $: disabledAttr = disabled ? { 'data-disabled': true } : {};\n</script>\n\n{#key key}\n    <li class=\"flex\">\n        <button\n            use:melt={$item}\n            on:m-click={() => onClick(key)}\n            class={cx(\n                'btn-reset flex-auto text-left px-8 py-3 font-normal font-gray-700 truncate bg-white focus:text-gray-800 hover:text-gray-800 focus:no-underline hover:no-underline focus:bg-gray-200 hover:bg-gray-200',\n                disabled ? 'b:text-gray-400 b:cursor-not-allowed' : '',\n            )}\n            {disabled}\n            {...disabledAttr}\n        >\n            <span class=\"flex items-center gap-4\">\n                {#if icon != null}\n                    <i class={icon} aria-hidden={true} />\n                {/if}\n                <slot class=\"flex-auto\">{label}</slot>\n                {#if suffixIcon != null}\n                    <i class={suffixIcon} aria-hidden={true} />\n                {/if}\n                {#if loading}\n                    <Spinner\n                        transitions={{ in: [fade, {}], out: [fade, {}] }}\n                        size=\"xs\"\n                    />\n                {/if}\n            </span>\n        </button>\n    </li>\n{/key}\n","<script lang=\"ts\" context=\"module\">\n    import type { ToastData } from '$components/Toast/ToastData';\n\n    export type ActionReturn =\n        | { type: 'error'; message: string }\n        | {\n              type: 'success';\n              toast?: ToastData;\n          };\n\n    export type Action =\n        | {\n              type: 'async';\n              action: (key: string) => Promise<ActionReturn>;\n          }\n        | {\n              type: 'sync';\n              action: (key: string) => ActionReturn;\n          };\n\n    export type Actions = {\n        [key in string]?: Action | null | undefined;\n    };\n</script>\n\n<script lang=\"ts\">\n    import { fly } from 'svelte/transition';\n    import { quadOut, quartInOut } from 'svelte/easing';\n    import { match, P } from 'ts-pattern';\n    import { setButtonMenuContext } from '$components/ButtonMenu/Context.js';\n    import { derived, type Writable, writable } from 'svelte/store';\n    import { getMessageFromError } from '$lib/utils/error.js';\n    import { getContainer } from '$components/Context/ContainerContext.js';\n    import { createDropdownMenu, melt } from '@melt-ui/svelte';\n    import { cx } from '$lib/utils/cx';\n\n    function transitionIn(node: Element) {\n        return fly(node, {\n            delay: 0,\n            duration: 300,\n            easing: quadOut,\n            y: -10,\n            opacity: 0.5,\n        });\n    }\n\n    function transitionOut(node: Element) {\n        return fly(node, {\n            delay: 0,\n            duration: 300,\n            easing: quartInOut,\n            y: 10,\n            opacity: 0,\n        });\n    }\n\n    let className: string = '';\n    export { className as class };\n\n    export let zIndexClass = 'z-1';\n\n    export let actions: Actions = {};\n\n    export let defaultAction: Action | null = null;\n\n    export let ariaLabel: string | undefined | null = null;\n\n    let loadingSet: Writable<Set<string>> = writable(new Set());\n    let allDisabled = writable(false);\n\n    const {\n        helpers: { addToast },\n    } = getContainer().toaster();\n\n    async function handleAction(key: string, action: Action) {\n        let res = await match(action)\n            .with({ type: 'sync' }, async ({ action }) => action(key))\n            .with({ type: 'async' }, async ({ action }) => {\n                $loadingSet.add(key);\n                $loadingSet = $loadingSet;\n                $allDisabled = true;\n                try {\n                    return await action(key);\n                } catch (e) {\n                    return {\n                        type: 'error' as const,\n                        message: getMessageFromError(e),\n                    };\n                } finally {\n                    $loadingSet.delete(key);\n                    $allDisabled = false;\n                    $loadingSet = $loadingSet;\n                }\n            })\n            .exhaustive();\n\n        match(res)\n            .with({ type: 'success' }, (res) => {\n                $open = false;\n                if (res.toast != null) {\n                    addToast({ data: { type: 'success', ...res.toast } });\n                }\n            })\n            .with({ type: 'error', message: P.select() }, (message: string) => {\n                addToast({ data: { message, type: 'error' } });\n            })\n            .exhaustive();\n    }\n\n    const meltMenu = createDropdownMenu({\n        forceVisible: true,\n        loop: true,\n        closeOnItemClick: false,\n    });\n    const {\n        elements: { trigger, menu },\n        states: { open },\n    } = meltMenu;\n\n    function onClick(actionKey: string) {\n        const action = actions[actionKey] ?? null;\n        if (action != null) {\n            handleAction(actionKey, action);\n        } else if (defaultAction != null) {\n            handleAction(actionKey, defaultAction);\n        }\n    }\n\n    let context = {\n        isLoading: derived(\n            loadingSet,\n            (loadingSet: Set<string>) => (key: string) => loadingSet.has(key),\n        ),\n        meltMenu,\n        allDisabled,\n        onClick,\n    };\n\n    setButtonMenuContext(context);\n</script>\n\n<button use:melt={$trigger} class={className} aria-label={ariaLabel}>\n    <slot name=\"button\" />\n</button>\n\n{#if $open}\n    <div\n        use:melt={$menu}\n        in:transitionIn\n        out:transitionOut\n        class={cx(\n            'p-px bg-white border border-solid border-black/20 rounded shadow-xl',\n            zIndexClass,\n        )}\n    >\n        <ul class=\"mx-0 my-2 p-0 list-none\">\n            <slot name=\"menu\" />\n        </ul>\n    </div>\n{/if}\n"],"names":["symbol","getButtonMenuContext","getContext","setButtonMenuContext","buttonMenu","setContext","ctx","insert","target","i","anchor","fade","if_block0","create_if_block_2","if_block1","create_if_block_1","create_if_block","cx","li","append","button","span","button_class_value","icon","$$props","suffixIcon","label","key","meltMenu","isLoading","allDisabled","onClick","item","m_click_handler","$$invalidate","loading","$isLoading","disabled","$allDisabled","disabledAttr","div","ul","div_class_value","current","dirty","transitionIn","node","fly","quadOut","transitionOut","quartInOut","className","zIndexClass","actions","defaultAction","ariaLabel","loadingSet","writable","addToast","getContainer","handleAction","action","res","match","$loadingSet","e","getMessageFromError","$open","P","message","createDropdownMenu","trigger","menu","open","actionKey","context","derived"],"mappings":"wsBAIA,MAAMA,GAAS,OAAO,uBAAuB,EAEtC,SAASC,IAAuB,CACnC,OAAOC,GAA8BF,EAAM,CAC/C,CAEO,SAASG,GAAqBC,EAAqC,CACtEC,GAA8BL,GAAQI,CAAU,CACpD,mGCyB8BE,EAAI,CAAA,CAAA,oBAAe,EAAI,UAAjCC,EAAoCC,EAAAC,EAAAC,CAAA,2BAA1BJ,EAAI,CAAA,CAAA,uDAEOA,EAAK,CAAA,CAAA,qCAALA,EAAK,CAAA,CAAA,uEAEhBA,EAAU,CAAA,CAAA,oBAAe,EAAI,UAAvCC,EAA0CC,EAAAC,EAAAC,CAAA,2BAAhCJ,EAAU,CAAA,CAAA,iEAID,YAAA,CAAA,GAAK,CAAAK,EAAW,CAAA,CAAA,EAAA,KAAMA,EAAI,CAAA,CAAA,CAAA,qLAT5CC,EAAAN,MAAQ,MAAIO,GAAAP,CAAA,qDAIZ,IAAAQ,EAAAR,MAAc,MAAIS,GAAAT,CAAA,IAGlBA,EAAO,CAAA,GAAAU,GAAA,KAjBZV,EAAK,CAAA,WAEFW,EACH,wMACAX,EAAQ,CAAA,EAAG,uCAAyC,EAAE,mBAGtDA,EAAY,CAAA,+NATxBC,EA2BIC,EAAAU,EAAAR,CAAA,EA1BAS,EAyBQD,EAAAE,CAAA,EAfJD,EAcMC,EAAAC,CAAA,6KAbGf,MAAQ,gKAIRA,MAAc,4DAGdA,EAAO,CAAA,wGAjBZA,EAAK,CAAA,oBAEFW,EACH,wMACAX,EAAQ,CAAA,EAAG,uCAAyC,EAAE,KAAA,CAAA,MAAAgB,CAAA,oCAGtDhB,EAAY,CAAA,6IAVtBA,EAAG,CAAA,0FAAHA,EAAG,CAAA,CAAA,qMAhBM,KAAAiB,EAAsB,IAAA,EAAAC,GACtB,WAAAC,EAA4B,IAAA,EAAAD,GAC5B,MAAAE,EAAgB,EAAA,EAAAF,EAEhB,CAAA,IAAAG,CAAA,EAAAH,QAEH,SAAAI,EAAU,UAAAC,EAAW,YAAAC,EAAa,QAAAC,CAAY,EAAA9B,6CAElD,KAAA,CAAA,SAAA,CAAY,KAAA+B,CACZ,CAAA,EAAAJ,qBAWsB,MAAAK,EAAA,IAAAF,EAAQJ,CAAG,6MATlCO,EAAA,EAAAC,EAAUC,EAAWT,CAAG,CAAA,mBAC3BO,EAAA,EAAGG,EAAWC,CAAA,iBACXJ,EAAA,EAAAK,EAAeF,GAAa,gBAAiB,EAAA,EAAA,CAAA,CAAA,2QC+HxC/B,EAAK,CAAA,WAGFW,EACH,sEACAX,EAAW,CAAA,CAAA,gJANnBC,EAYKC,EAAAgC,EAAA9B,CAAA,EAHDS,EAEIqB,EAAAC,CAAA,iJAVAnC,EAAK,CAAA,mBAGFW,EACH,sEACAX,EAAW,CAAA,CAAA,KAAA,CAAA,MAAAoC,CAAA,2QAXXpC,EAAO,CAAA,SAA2BA,EAAY,CAAA,CAAA,EAAU,CAAA,aAAAA,EAAA,CAAA,CAAA,sDAI/DA,EAAK,CAAA,GAAAU,GAAAV,CAAA,yEAJVC,EAEQC,EAAAY,EAAAV,CAAA,wMAFIJ,EAAO,CAAA,oBAA2BA,EAAY,CAAA,CAAA,GAAU,CAAAqC,GAAAC,EAAA,IAAA,CAAA,aAAAtC,EAAA,CAAA,CAAA,KAI/DA,EAAK,CAAA,0RA7GGuC,EAAaC,EAAA,QACXC,EAAID,EAAA,CACP,MAAO,EACP,SAAU,IACV,OAAQE,GACR,EAAG,IACH,QAAS,cAIRC,EAAcH,EAAA,QACZC,EAAID,EAAA,CACP,MAAO,EACP,SAAU,IACV,OAAQI,GACR,EAAG,GACH,QAAS,cAIbC,EAAoB,EAAA,EAAA3B,GAGb,YAAA4B,EAAc,KAAA,EAAA5B,EAEd,CAAA,QAAA6B,EAAA,EAAA,EAAA7B,GAEA,cAAA8B,EAA+B,IAAA,EAAA9B,GAE/B,UAAA+B,EAAuC,IAAA,EAAA/B,EAE9CgC,EAAoCC,EAAa,IAAA,GAAA,sBACjD,IAAA3B,EAAc2B,EAAS,EAAK,sBAG5B,KAAA,CAAA,QAAA,CAAW,SAAAC,IACXC,GAAe,EAAA,UAEJ,eAAAC,EAAajC,EAAakC,EAAA,CACjC,IAAAC,GAAA,MAAYC,EAAMF,CAAM,EACvB,KAAA,CAAO,KAAM,MAAmB,EAAA,MAAA,CAAA,OAAAA,KAAaA,EAAOlC,CAAG,CAAA,EACvD,KAAO,CAAA,KAAM,gBAAoB,OAAAkC,KAAAA,CAC9BG,EAAY,IAAIrC,CAAG,eAEnBW,EAAe,GAAAA,CAAA,MAEEuB,OAAAA,MAAAA,EAAOlC,CAAG,CAClB,OAAAsC,GAAA,QAED,KAAM,QACN,QAASC,GAAoBD,EAAC,WAGlCD,EAAY,OAAOrC,CAAG,MACtBW,EAAe,GAAAA,CAAA,WAItB,CAAA,EAAA,WAAA,EAELyB,EAAMD,EAAG,EACJ,KAAO,CAAA,KAAM,SAAcA,EAAAA,GAAAA,KACxBK,EAAQ,GAAAA,CAAA,EACJL,EAAI,OAAS,MACbJ,EAAW,CAAA,KAAA,CAAQ,KAAM,UAAA,GAAcI,EAAI,KAAA,CAAA,CAAA,CAGlD,CAAA,EAAA,KAAA,CAAO,KAAM,QAAS,QAASM,GAAE,QAAa,EAAAC,GAAA,CAC3CX,EAAW,CAAA,KAAA,CAAQ,QAAAW,EAAS,KAAM,OAAA,CAAA,CAAA,CAErC,CAAA,EAAA,WAAA,QAGHzC,EAAW0C,GAAA,CACb,aAAc,GACd,KAAM,GACN,iBAAkB,MAGlB,SAAY,CAAA,QAAAC,EAAS,KAAAC,CACrB,EAAA,OAAA,CAAU,KAAAC,EACV,EAAA7C,oEAEKG,GAAQ2C,EAAA,OACPb,EAASR,EAAQqB,CAAS,GAAK,KACjCb,GAAU,KACVD,EAAac,EAAWb,CAAM,EACvBP,GAAiB,MACxBM,EAAac,EAAWpB,CAAa,EAIzC,IAAAqB,GAAA,CACA,UAAWC,GACPpB,EACCA,GAA6B7B,GAAgB6B,EAAW,IAAI7B,CAAG,CAAA,EAEpE,SAAAC,EACA,YAAAE,EACA,QAAAC,IAGJ,OAAA5B,GAAqBwE,EAAO"}