{"version":3,"file":"FullScreenModal.f21a7b76.js","sources":["../../../../../../node_modules/svelte/src/runtime/internal/animations.js","../../../../../../node_modules/svelte/src/runtime/animate/index.js","../../../../../../src/lib/notification/notification.svelte","../../../../../../src/lib/components/FullScreenModal.svelte"],"sourcesContent":["import { identity as linear, noop } from './utils.js';\nimport { now } from './environment.js';\nimport { loop } from './loop.js';\nimport { create_rule, delete_rule } from './style_manager.js';\n\n/**\n * @param {Element & ElementCSSInlineStyle} node\n * @param {import('./private.js').PositionRect} from\n * @param {import('./private.js').AnimationFn} fn\n */\nexport function create_animation(node, from, fn, params) {\n\tif (!from) return noop;\n\tconst to = node.getBoundingClientRect();\n\tif (\n\t\tfrom.left === to.left &&\n\t\tfrom.right === to.right &&\n\t\tfrom.top === to.top &&\n\t\tfrom.bottom === to.bottom\n\t)\n\t\treturn noop;\n\tconst {\n\t\tdelay = 0,\n\t\tduration = 300,\n\t\teasing = linear,\n\t\t// @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?\n\t\tstart: start_time = now() + delay,\n\t\t// @ts-ignore todo:\n\t\tend = start_time + duration,\n\t\ttick = noop,\n\t\tcss\n\t} = fn(node, { from, to }, params);\n\tlet running = true;\n\tlet started = false;\n\tlet name;\n\t/** @returns {void} */\n\tfunction start() {\n\t\tif (css) {\n\t\t\tname = create_rule(node, 0, 1, duration, delay, easing, css);\n\t\t}\n\t\tif (!delay) {\n\t\t\tstarted = true;\n\t\t}\n\t}\n\t/** @returns {void} */\n\tfunction stop() {\n\t\tif (css) delete_rule(node, name);\n\t\trunning = false;\n\t}\n\tloop((now) => {\n\t\tif (!started && now >= start_time) {\n\t\t\tstarted = true;\n\t\t}\n\t\tif (started && now >= end) {\n\t\t\ttick(1, 0);\n\t\t\tstop();\n\t\t}\n\t\tif (!running) {\n\t\t\treturn false;\n\t\t}\n\t\tif (started) {\n\t\t\tconst p = now - start_time;\n\t\t\tconst t = 0 + 1 * easing(p / duration);\n\t\t\ttick(t, 1 - t);\n\t\t}\n\t\treturn true;\n\t});\n\tstart();\n\ttick(0, 1);\n\treturn stop;\n}\n\n/**\n * @param {Element & ElementCSSInlineStyle} node\n * @returns {void}\n */\nexport function fix_position(node) {\n\tconst style = getComputedStyle(node);\n\tif (style.position !== 'absolute' && style.position !== 'fixed') {\n\t\tconst { width, height } = style;\n\t\tconst a = node.getBoundingClientRect();\n\t\tnode.style.position = 'absolute';\n\t\tnode.style.width = width;\n\t\tnode.style.height = height;\n\t\tadd_transform(node, a);\n\t}\n}\n\n/**\n * @param {Element & ElementCSSInlineStyle} node\n * @param {import('./private.js').PositionRect} a\n * @returns {void}\n */\nexport function add_transform(node, a) {\n\tconst b = node.getBoundingClientRect();\n\tif (a.left !== b.left || a.top !== b.top) {\n\t\tconst style = getComputedStyle(node);\n\t\tconst transform = style.transform === 'none' ? '' : style.transform;\n\t\tnode.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;\n\t}\n}\n","import { cubicOut } from '../easing/index.js';\nimport { is_function } from '../internal/index.js';\n\n/**\n * The flip function calculates the start and end position of an element and animates between them, translating the x and y values.\n * `flip` stands for [First, Last, Invert, Play](https://aerotwist.com/blog/flip-your-animations/).\n *\n * https://svelte.dev/docs/svelte-animate#flip\n * @param {Element} node\n * @param {{ from: DOMRect; to: DOMRect }} fromTo\n * @param {import('./public.js').FlipParams} params\n * @returns {import('./public.js').AnimationConfig}\n */\nexport function flip(node, { from, to }, params = {}) {\n\tconst style = getComputedStyle(node);\n\tconst transform = style.transform === 'none' ? '' : style.transform;\n\tconst [ox, oy] = style.transformOrigin.split(' ').map(parseFloat);\n\tconst dx = from.left + (from.width * ox) / to.width - (to.left + ox);\n\tconst dy = from.top + (from.height * oy) / to.height - (to.top + oy);\n\tconst { delay = 0, duration = (d) => Math.sqrt(d) * 120, easing = cubicOut } = params;\n\treturn {\n\t\tdelay,\n\t\tduration: is_function(duration) ? duration(Math.sqrt(dx * dx + dy * dy)) : duration,\n\t\teasing,\n\t\tcss: (t, u) => {\n\t\t\tconst x = u * dx;\n\t\t\tconst y = u * dy;\n\t\t\tconst sx = t + (u * from.width) / to.width;\n\t\t\tconst sy = t + (u * from.height) / to.height;\n\t\t\treturn `transform: ${transform} translate(${x}px, ${y}px) scale(${sx}, ${sy});`;\n\t\t}\n\t};\n}\n","<script lang=\"ts\">\n\timport { crossfade, fly } from 'svelte/transition';\n\timport { store } from './store';\n\timport { flip } from 'svelte/animate';\n\n\tlet notifications = store.displayNotification;\n\tlet notifStore = store.notifications;\n\n\tconst [send, receive] = crossfade({\n\t\tduration: 300\n\t});\n\n\tfunction removeNotification(id: string) {\n\t\treturn function () {\n\t\t\t$notifStore = [\n\t\t\t\t...$notifStore.map((n) => {\n\t\t\t\t\tif (n.id !== id) return n;\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...n,\n\t\t\t\t\t\tisExpired: true\n\t\t\t\t\t};\n\t\t\t\t})\n\t\t\t];\n\t\t};\n\t}\n</script>\n\n<div class=\"fixed bottom-4 right-4 z-50\">\n\t{#each $notifications as notification (notification.id)}\n\t\t<div\n\t\t\tclass=\"mb-2 rounded-lg bg-grey-900 px-3 py-2 text-white\"\n\t\t\tanimate:flip\n\t\t\tin:fly={{ y: 20 }}\n\t\t\tout:send={{ key: notification.id }}\n\t\t>\n\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t<div class=\"flex items-start gap-2\">\n\t\t\t\t\t{#if notification.icon}\n\t\t\t\t\t\t<div translate=\"no\" class=\"material-icons-round mt-1 text-base text-white\">\n\t\t\t\t\t\t\t{notification.icon}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t{/if}\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"text-md text-white\">\n\t\t\t\t\t\t\t{notification.title}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{#if notification.subtitle}\n\t\t\t\t\t\t\t<div class=\"mt-1 text-sm text-grey-800\">{notification.subtitle}</div>\n\t\t\t\t\t\t{/if}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{#if notification.actionCTA && notification.action}\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"rounded-lg bg-grey-900 px-2 py-1 text-sm font-medium text-violet-300 hover:bg-grey-800 active:bg-grey-700\"\n\t\t\t\t\t\ton:click={notification.action}>{notification.actionCTA}</button\n\t\t\t\t\t>\n\t\t\t\t{/if}\n\t\t\t\t<button\n\t\t\t\t\ttranslate=\"no\"\n\t\t\t\t\tclass=\"material-icons-round text-md bg-grey-900 font-medium text-grey-700 hover:text-grey-800 active:text-grey-600\"\n\t\t\t\t\ton:click={removeNotification(notification.id)}\n\t\t\t\t>\n\t\t\t\t\tclose\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t{/each}\n</div>\n<div class=\"visible fixed bottom-4 right-[-40px] z-50 opacity-[0.5]\">\n\t{#each $notifStore.filter((n) => n.isExpired) as n (n.id)}\n\t\t<div in:receive={{ key: n.id }} class=\"mb-2 h-10 w-1\" />\n\t{/each}\n</div>\n","<script lang=\"ts\">\n\timport { createEventDispatcher } from 'svelte';\n\timport Notification from '$lib/notification/notification.svelte';\n\texport let showModal = false;\n\texport let withBlur = false;\n\texport let withoutCancel = false;\n\texport let classes = '';\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\tclass={` relative m-0 h-full min-h-[100vh] w-full min-w-[100vw] ${classes}`}\n\tclass:is-blur={withBlur}\n>\n\t<!-- svelte-ignore a11y-no-static-element-interactions -->\n\t<slot />\n\t{#if !withoutCancel}\n\t\t<button\n\t\t\ttranslate=\"no\"\n\t\t\tclass=\"material-icons-round absolute right-8 top-8 text-2xl text-grey-700 hover:text-grey-900\"\n\t\t\ton:click={closeModal}>close</button\n\t\t>\n\t{/if}\n\t<Notification />\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":["create_animation","node","from","fn","params","noop","to","delay","duration","easing","linear","start_time","now","end","tick","css","running","started","name","start","create_rule","stop","delete_rule","loop","p","t","fix_position","style","width","height","a","add_transform","b","transform","flip","ox","oy","dx","dy","d","cubicOut","is_function","u","x","y","sx","sy","t_value","ctx","insert_hydration","target","div","anchor","dirty","set_data","button","t1_value","if_block0","create_if_block_2","if_block1","create_if_block_1","if_block2","create_if_block","div4","append_hydration","div3","div2","div1","div0","current","t1","div4_intro","create_in_transition","fly","get_key","each_value","ensure_array_like","func","get_key_1","i","n","notifications","store","notifStore","send","receive","crossfade","removeNotification","id","$notifStore","dialog_1","showModal","$$props","withBlur","withoutCancel","classes","dialog","dispatch","createEventDispatcher","closeModal","$$value"],"mappings":"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","x_google_ignoreList":[0,1]}