{"version":3,"file":"Modal.069ed5e1.js","sources":["../../../../../../src/lib/components/Modal.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport { createEventDispatcher } from 'svelte';\n\n\texport let showModal = false;\n\texport let withBlur = false;\n\texport let withoutCancel = false;\n\texport let autoClose = true;\n\texport let classes = '';\n\texport let contentClasses = '';\n\tlet dialog: HTMLDialogElement | null = null; // HTMLDialogElement\n\n\tconst dispatch = createEventDispatcher();\n\n\t$: if (dialog && showModal) dialog.showModal();\n\t$: if (dialog && !showModal) dialog.close();\n\n\tfunction closeModal() {\n\t\tif (withoutCancel) return;\n\t\tdialog?.close();\n\t\tshowModal = false;\n\t\tdispatch('close-modal');\n\t}\n</script>\n\n<!-- svelte-ignore a11y-click-events-have-key-events a11y-no-noninteractive-element-interactions -->\n<dialog\n\tbind:this={dialog}\n\ton:close={closeModal}\n\ton:click|self={() => {\n\t\tif (autoClose) {\n\t\t\tcloseModal();\n\t\t}\n\t}}\n\tclass={`relative flex flex-col rounded-2xl border-none bg-white px-8 py-6 shadow-2xl ${classes}`}\n\tclass:is-blur={withBlur}\n\tclass:hidden={!showModal}\n>\n\t<!-- svelte-ignore a11y-no-static-element-interactions -->\n\t<div on:click|stopPropagation class={`flex flex-1 flex-col ${contentClasses}`}>\n\t\t<slot />\n\t\t{#if !withoutCancel}\n\t\t\t<button\n\t\t\t\ttranslate=\"no\"\n\t\t\t\tclass=\"material-icons-round absolute right-8 top-8 z-20 text-2xl text-grey-700 hover:text-grey-900\"\n\t\t\t\ton:click={closeModal}>close</button\n\t\t\t>\n\t\t{/if}\n\t</div>\n</dialog>\n\n<style>\n\tdialog {\n\t\toverflow: inherit;\n\t}\n\tdialog::backdrop {\n\t\tbackground: rgba(0, 0, 0, 0.3);\n\t}\n\n\tdialog.is-blur::backdrop {\n\t\tbackdrop-filter: blur(4px);\n\t}\n\n\tdialog:focus-visible {\n\t\toutline: none;\n\t}\n\n\tdialog[open] {\n\t\tanimation: zoom 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n\t}\n\t@keyframes zoom {\n\t\tfrom {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\t\tto {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n\tdialog[open]::backdrop {\n\t\tanimation: fade 0.2s ease-out;\n\t}\n\t@keyframes fade {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t}\n\t}\n</style>\n"],"names":["insert_hydration","target","button","anchor","ctx","create_if_block","dialog_1","append_hydration","div","showModal","$$props","withBlur","withoutCancel","autoClose","classes","contentClasses","dialog","dispatch","createEventDispatcher","closeModal","$$value"],"mappings":"y5BAyCGA,EAIAC,EAAAC,EAAAC,CAAA,oBADWC,EAAU,CAAA,CAAA,sHAJhBA,EAAa,CAAA,GAAAC,EAAAD,CAAA,+PAFyCA,EAAc,CAAA,CAAA,EAAA,kGALYA,EAAO,CAAA,CAAA,EAAA,EAAA,gBAAA,gBAC/EA,EAAQ,CAAA,CAAA,gBACRA,EAAS,CAAA,CAAA,UAVzBJ,EAuBQC,EAAAK,EAAAH,CAAA,EAVPI,EASKD,EAAAE,CAAA,8FApBKJ,EAAU,CAAA,CAAA,4GAabA,EAAa,CAAA,qGAFyCA,EAAc,CAAA,CAAA,yHALYA,EAAO,CAAA,CAAA,EAAA,EAAA,6DAC/EA,EAAQ,CAAA,CAAA,4BACRA,EAAS,CAAA,CAAA,qJAhCb,UAAAK,EAAY,EAAA,EAAAC,GACZ,SAAAC,EAAW,EAAA,EAAAD,GACX,cAAAE,EAAgB,EAAA,EAAAF,GAChB,UAAAG,EAAY,EAAA,EAAAH,GACZ,QAAAI,EAAU,EAAA,EAAAJ,GACV,eAAAK,EAAiB,EAAA,EAAAL,EACxBM,EAAmC,WAEjCC,EAAWC,IAKR,SAAAC,GAAA,CACJP,IACJI,GAAA,MAAAA,EAAQ,YACRP,EAAY,EAAA,EACZQ,EAAS,aAAa,2EAMZD,EAAMI,wBAGZP,GACHM,6TAjBKH,GAAUP,GAAWO,EAAO,UAAA,iBAC5BA,GAAA,CAAWP,GAAWO,EAAO,MAAA"}