{"version":3,"file":"TriggerAndDd.a0503323.js","sources":["../../../../../../src/lib/directive/click-outside.ts","../../../../../../src/lib/components/TriggerAndDd.svelte"],"sourcesContent":["export function clickOutside(node: HTMLElement, excludedNode: HTMLElement | null) {\n\tconst handleClick = (event) => {\n\t\tif (node.contains(event.target)) {\n\t\t\treturn;\n\t\t}\n\t\tif (excludedNode?.contains(event.target) ?? true) {\n\t\t\treturn;\n\t\t}\n\n\t\tnode.dispatchEvent(new CustomEvent('outclick'));\n\t};\n\n\tdocument.addEventListener('click', handleClick, true);\n\n\treturn {\n\t\tdestroy() {\n\t\t\tdocument.removeEventListener('click', handleClick, true);\n\t\t}\n\t};\n}\n","<script lang=\"ts\">\n\timport { clickOutside } from '../directive/click-outside';\n\timport { offset, shift, type Placement } from 'svelte-floating-ui/dom';\n\timport { createFloatingActions } from 'svelte-floating-ui';\n\timport { fly } from 'svelte/transition';\n\n\texport let placement: Placement = 'bottom';\n\texport let disabled = false;\n\texport let onTop = false;\n\texport let strategy: 'fixed' | 'absolute' = 'absolute';\n\texport let autoclose: boolean = false;\n\tconst [floatingRef, floatingContent] = createFloatingActions({\n\t\tplacement,\n\t\tstrategy: strategy,\n\t\tmiddleware: [offset(4), shift()]\n\t});\n\tlet buttonRef: HTMLElement | null = null;\n\texport let showTooltip = false;\n\texport let style = '';\n</script>\n\n<div class=\"relative flex\">\n\t<button\n\t\tclass=\"space-between flex-between relative flex flex-1\"\n\t\t{style}\n\t\tuse:floatingRef\n\t\ton:click|preventDefault|stopPropagation={() => {\n\t\t\tif (disabled) return;\n\t\t\tshowTooltip = !showTooltip;\n\t\t}}\n\t\tbind:this={buttonRef}\n\t\ttype=\"button\"\n\t\tclass:pointer-events-none={disabled}\n\t>\n\t\t<slot name=\"trigger\">\n\t\t\t<span class=\"missing\">trigger</span>\n\t\t</slot>\n\t</button>\n\t{#if showTooltip}\n\t\t<button\n\t\t\tid=\"tooltip\"\n\t\t\tclass={strategy === 'absolute' ? 'z-10 w-auto min-w-full' : 'z-10'}\n\t\t\tclass:z-50={onTop}\n\t\t\tuse:floatingContent\n\t\t\tuse:clickOutside={buttonRef}\n\t\t\tin:fly={{ y: -10, duration: 100 }}\n\t\t\ton:outclick={() => {\n\t\t\t\tshowTooltip = false;\n\t\t\t}}\n\t\t\ton:click|stopPropagation={() => {\n\t\t\t\tif (autoclose) {\n\t\t\t\t\tshowTooltip = false;\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<slot name=\"dd\">\n\t\t\t\t<span class=\"missing\">tooltip</span>\n\t\t\t</slot>\n\t\t</button>\n\t{/if}\n</div>\n"],"names":["clickOutside","node","excludedNode","handleClick","event","insert_hydration","target","span","anchor","attr","button","button_class_value","ctx","current","dirty","button_intro","create_in_transition","fly","create_if_block","div","append_hydration","placement","$$props","disabled","onTop","strategy","autoclose","floatingRef","floatingContent","createFloatingActions","offset","shift","buttonRef","showTooltip","style","$$invalidate","$$value"],"mappings":"gsBAAgB,SAAAA,GAAaC,EAAmBC,EAAkC,CAC3E,MAAAC,EAAeC,GAAU,CAC1BH,EAAK,SAASG,EAAM,MAAM,KAG1BF,GAAA,YAAAA,EAAc,SAASE,EAAM,UAAW,KAI5CH,EAAK,cAAc,IAAI,YAAY,UAAU,CAAC,CAAA,EAGtC,gBAAA,iBAAiB,QAASE,EAAa,EAAI,EAE7C,CACN,SAAU,CACA,SAAA,oBAAoB,QAASA,EAAa,EAAI,CACxD,CAAA,CAEF,2QCgBGE,EAAmCC,EAAAC,EAAAC,CAAA,wPAM5BC,EAAAC,EAAA,QAAAC,EAAAC,OAAa,WAAa,yBAA2B,MAAM,aACtDA,EAAK,CAAA,CAAA,UAHlBP,EAmBQC,EAAAI,EAAAF,CAAA,qEAdWI,EAAS,CAAA,CAAA,CAAA,gIAHpB,CAAAC,GAAAC,EAAA,GAAAH,KAAAA,EAAAC,OAAa,WAAa,yBAA2B,kEAG1CA,EAAS,CAAA,CAAA,yBAFfA,EAAK,CAAA,CAAA,iCAGPG,EAAAC,GAAAN,EAAAO,GAAA,CAAA,EAAI,IAAI,SAAU,GAAG,CAAA,sSAW9BZ,EAAmCC,EAAAC,EAAAC,CAAA,4GAlBjCI,EAAW,CAAA,GAAAM,EAAAN,CAAA,0WANYA,EAAQ,CAAA,CAAA,uCAXrCP,EAuCKC,EAAAa,EAAAX,CAAA,EAtCJY,EAeQD,EAAAT,CAAA,gQALoBE,EAAQ,CAAA,CAAA,EAM/BA,EAAW,CAAA,8PAhCL,UAAAS,EAAuB,QAAA,EAAAC,GACvB,SAAAC,EAAW,EAAA,EAAAD,GACX,MAAAE,EAAQ,EAAA,EAAAF,GACR,SAAAG,EAAiC,UAAA,EAAAH,GACjC,UAAAI,EAAqB,EAAA,EAAAJ,EACzB,KAAA,CAAAK,EAAaC,CAAe,EAAIC,GAAA,CACtC,UAAAR,EACA,SAAAI,EACA,WAAa,CAAAK,GAAO,CAAC,EAAGC,GAAA,CAAA,QAErBC,EAAgC,MACzB,YAAAC,EAAc,EAAA,EAAAX,GACd,MAAAY,EAAQ,EAAA,EAAAZ,eASbC,GACJY,EAAA,EAAAF,GAAeA,CAAW,4CAEhBD,EAASI,wBAiBlBD,EAAA,EAAAF,EAAc,EAAK,UAGfP,GACHS,EAAA,EAAAF,EAAc,EAAK"}