{"version":3,"file":"index.750e9b73.js","sources":["../../vite/modulepreload-polyfill","../../src/App.vue","../../src/functions/common.ts","../../src/components/layout/Header/ThemeChanger.vue","../../src/components/layout/Header/HeaderRight.vue","../../src/components/layout/Header/HeaderRightMobile.vue","../../plugin-vue:export-helper","../../src/components/layout/Header/Header.vue","../../src/functions/firebase_setup.ts","../../src/components/Home/ContactSocial.vue","../../../../../avatar_tiger.png","../../../../../flag_tr.png","../../../../../flag_en.png","../../../../../profile.jpg","../../src/components/Home/AboutMe.vue","../../src/components/Home/Projects.vue","../../src/pages/Home.vue","../../src/static/enums.ts","../../src/store/todo.ts","../../src/functions/firebase_db.ts","../../src/functions/firebase_todo.ts","../../src/functions/firebase_auth.ts","../../src/store/session.ts","../../src/components/layout/AuthorizedContent.vue","../../src/components/ToDo/NewTodo.vue","../../src/components/ToDo/Todo.vue","../../src/components/ToDo/Column.vue","../../src/pages/ToDo.vue","../../src/store/tictactoe.ts","../../src/components/TicTacToe/Tile.vue","../../src/components/TicTacToe/Board.vue","../../src/pages/TicTacToe.vue","../../src/components/Spotify/Sidemenu/Navigation.vue","../../src/components/Spotify/Sidemenu/Playlists.vue","../../src/components/Spotify/MobileMenu.vue","../../src/components/Spotify/Header/Dropmenu.vue","../../src/components/Spotify/Header/Right.vue","../../src/components/Spotify/Content.vue","../../src/functions/firebase_balance.ts","../../src/store/balance.ts","../../src/components/Balance/Year/YearSelection.vue","../../src/components/Balance/Year/MonthBox.vue","../../src/pages/Balance.vue","../../src/components/Balance/TypeIcon.vue","../../src/components/Balance/DeleteModal.vue","../../src/components/Balance/Month/ItemMenu.vue","../../src/components/Balance/Month/ItemRow.vue","../../src/components/Balance/Month/ItemTypeSelection.vue","../../src/components/Balance/ItemModal.vue","../../src/components/Balance/Month/ItemButtons.vue","../../src/pages/BalanceMonth.vue","../../src/router/index.ts","../../src/main.ts"],"sourcesContent":["const p = function polyfill() {\n    const relList = document.createElement('link').relList;\n    if (relList && relList.supports && relList.supports('modulepreload')) {\n        return;\n    }\n    for (const link of document.querySelectorAll('link[rel=\"modulepreload\"]')) {\n        processPreload(link);\n    }\n    new MutationObserver((mutations) => {\n        for (const mutation of mutations) {\n            if (mutation.type !== 'childList') {\n                continue;\n            }\n            for (const node of mutation.addedNodes) {\n                if (node.tagName === 'LINK' && node.rel === 'modulepreload')\n                    processPreload(node);\n            }\n        }\n    }).observe(document, { childList: true, subtree: true });\n    function getFetchOpts(script) {\n        const fetchOpts = {};\n        if (script.integrity)\n            fetchOpts.integrity = script.integrity;\n        if (script.referrerpolicy)\n            fetchOpts.referrerPolicy = script.referrerpolicy;\n        if (script.crossorigin === 'use-credentials')\n            fetchOpts.credentials = 'include';\n        else if (script.crossorigin === 'anonymous')\n            fetchOpts.credentials = 'omit';\n        else\n            fetchOpts.credentials = 'same-origin';\n        return fetchOpts;\n    }\n    function processPreload(link) {\n        if (link.ep)\n            // ep marker = processed\n            return;\n        link.ep = true;\n        // prepopulate the load record\n        const fetchOpts = getFetchOpts(link);\n        fetch(link.href, fetchOpts);\n    }\n};__VITE_IS_MODERN__&&p();","<template>\n\t<router-view name=\"mainContent\" />\n</template>\n\n<script setup lang=\"ts\">\n// This starter template is using Vue 3 <script setup> SFCs\n// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup\nimport { onBeforeMount } from 'vue'\n\nonBeforeMount(() => {\n\t// On page load or when changing themes, best to add inline in `head` to avoid FOUC\n\tif (\n\t\tlocalStorage.theme === 'dark' ||\n\t\t(!('theme' in localStorage) &&\n\t\t\twindow.matchMedia('(prefers-color-scheme: dark)').matches)\n\t) {\n\t\tdocument.documentElement.classList.add('dark')\n\t\tdocument.documentElement.classList.remove('light')\n\t} else {\n\t\tdocument.documentElement.classList.add('light')\n\t\tdocument.documentElement.classList.remove('dark')\n\t}\n})\n</script>\n","export const scrollIntoView = (id: string) => {\n\tconst el = document.getElementById(id)\n\tel?.scrollIntoView({ behavior: 'smooth' })\n}\n","<template>\n\t<button\n\t\tclass=\"flex justify-center items-center active:outline outline-gray-600 transition-transform ease-out duration-100\"\n\t\taria-label=\"Change theme\"\n\t\t@click=\"switchTheme\"\n\t>\n\t\t<SunIcon v-if=\"currentTheme !== 'dark'\" class=\"w-8 h-8\" />\n\t\t<MoonIcon v-else class=\"w-8 h-8\" />\n\t</button>\n</template>\n\n<script setup lang=\"ts\">\nimport { SunIcon, MoonIcon } from '@heroicons/vue/outline'\n\nconst props = defineProps({\n\tcurrentTheme: {\n\t\ttype: String,\n\t\trequired: true\n\t}\n})\nconst emit = defineEmits(['setTheme'])\n\nconst switchTheme = () => {\n\tconst theme = props.currentTheme !== 'dark' ? 'dark' : 'light'\n\temit('setTheme', theme)\n}\n</script>\n","<template>\n\t<ul class=\"hidden sm:flex flex-row items-center gap-4\">\n\t\t<li>\n\t\t\t<button class=\"hover:underline\" @click=\"scrollToSection('landing')\">\n\t\t\t\tInfo\n\t\t\t</button>\n\t\t</li>\n\t\t<li>\n\t\t\t<button class=\"hover:underline\" @click=\"scrollToSection('about')\">\n\t\t\t\tAbout Me\n\t\t\t</button>\n\t\t</li>\n\t\t<li>\n\t\t\t<button\n\t\t\t\tclass=\"hover:underline\"\n\t\t\t\t@click=\"scrollToSection('projects')\"\n\t\t\t>\n\t\t\t\tProjects\n\t\t\t</button>\n\t\t</li>\n\t\t<li>\n\t\t\t<button class=\"hover:underline\" @click=\"scrollToSection('contact')\">\n\t\t\t\tContact Me\n\t\t\t</button>\n\t\t</li>\n\t\t<li>\n\t\t\t<ThemeChanger :current-theme=\"currentTheme\" @set-theme=\"setTheme\" />\n\t\t</li>\n\t</ul>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRouter } from 'vue-router'\nimport { scrollIntoView } from '@/functions/common'\nimport ThemeChanger from './ThemeChanger.vue'\n\nconst props = defineProps({\n\tcurrentTheme: {\n\t\ttype: String,\n\t\trequired: true\n\t}\n})\n\nconst emit = defineEmits(['setTheme'])\n\nconst setTheme = (theme: string) => {\n\temit('setTheme', theme)\n}\n\nconst router = useRouter()\nconst scrollToSection = (id: string) => {\n\tif (router.currentRoute.value.path === '/') {\n\t\tscrollIntoView(id)\n\t} else {\n\t\trouter.push(`/#${id}`)\n\t}\n}\n</script>\n","<template>\n\t<div class=\"sm:hidden flex items-center gap-4\">\n\t\t<button\n\t\t\tclass=\"flex active:outline outline-gray-600 transition-default\"\n\t\t\t:class=\"{ '-translate-x-32': isMenuOpen }\"\n\t\t\taria-haspopup=\"true\"\n\t\t\taria-label=\"Open menu\"\n\t\t\t@click=\"changeMenu(!isMenuOpen)\"\n\t\t>\n\t\t\t<ViewListIcon class=\"w-8 h-8\" />\n\t\t</button>\n\t\t<ThemeChanger :current-theme=\"currentTheme\" @set-theme=\"setTheme\" />\n\t</div>\n\t<div\n\t\tclass=\"sm:hidden fixed right-0 top-0 bottom-0 w-48 px-4 py-8 border-l z-50 border-gray-400 bg-light dark:bg-dark transition-default\"\n\t\trole=\"menu\"\n\t\t:class=\"{ 'translate-x-0': isMenuOpen, 'translate-x-48': !isMenuOpen }\"\n\t\t:aria-hidden=\"isMenuOpen === false\"\n\t\t:aria-expanded=\"isMenuOpen\"\n\t>\n\t\t<ul class=\"flex flex-col gap-2\">\n\t\t\t<li>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"hover:underline\"\n\t\t\t\t\t:tabindex=\"isMenuOpen ? 0 : -1\"\n\t\t\t\t\t@click=\"scrollAndCloseMenu('landing')\"\n\t\t\t\t>\n\t\t\t\t\tInfo\n\t\t\t\t</button>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"hover:underline\"\n\t\t\t\t\t:tabindex=\"isMenuOpen ? 0 : -1\"\n\t\t\t\t\t@click=\"scrollAndCloseMenu('about')\"\n\t\t\t\t>\n\t\t\t\t\tAbout Me\n\t\t\t\t</button>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"hover:underline\"\n\t\t\t\t\t:tabindex=\"isMenuOpen ? 0 : -1\"\n\t\t\t\t\t@click=\"scrollAndCloseMenu('projects')\"\n\t\t\t\t>\n\t\t\t\t\tProjects\n\t\t\t\t</button>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"hover:underline\"\n\t\t\t\t\t:tabindex=\"isMenuOpen ? 0 : -1\"\n\t\t\t\t\t@click=\"scrollAndCloseMenu('contact')\"\n\t\t\t\t>\n\t\t\t\t\tContact Me\n\t\t\t\t</button>\n\t\t\t</li>\n\t\t</ul>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { ViewListIcon } from '@heroicons/vue/outline'\nimport { scrollIntoView } from '@/functions/common'\nimport ThemeChanger from './ThemeChanger.vue'\n\nconst props = defineProps({\n\tcurrentTheme: {\n\t\ttype: String,\n\t\trequired: true\n\t}\n})\n\nconst emit = defineEmits(['setTheme'])\nconst router = useRouter()\n\nconst setTheme = (theme: string) => {\n\temit('setTheme', theme)\n}\n\nconst isMenuOpen = ref(false)\nconst changeMenu = (isOpen: boolean) => {\n\tisMenuOpen.value = isOpen\n}\nconst scrollAndCloseMenu = (id: string) => {\n\tif (router.currentRoute.value.path === '/') {\n\t\tscrollIntoView(id)\n\t\tchangeMenu(false)\n\t} else {\n\t\trouter.push(`/#${id}`)\n\t}\n}\n</script>\n","\nexport default (sfc, props) => {\n  const target = sfc.__vccOpts || sfc;\n  for (const [key, val] of props) {\n    target[key] = val;\n  }\n  return target;\n}\n","<template>\n\t<div\n\t\tclass=\"fixed top-0 left-0 right-0 flex justify-between items-center h-header px-8 bg-light dark:bg-gray-700 border-b border-gray-400 shadow-theme transition-colors duration-300 z-10\"\n\t>\n\t\t<router-link to=\"/\" @click=\"scrollToTop\">\n\t\t\t<span class=\"text-shadow-theme text-header\">Enes</span>\n\t\t\t<br />\n\t\t\t<span class=\"text-shadow-theme text-header pl-4\">Kaplan</span>\n\t\t</router-link>\n\t\t<HeaderRight :current-theme=\"currentTheme\" @set-theme=\"setTheme\" />\n\t\t<HeaderRightMobile\n\t\t\t:current-theme=\"currentTheme\"\n\t\t\t@set-theme=\"setTheme\"\n\t\t/>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { scrollIntoView } from '@/functions/common'\nimport HeaderRight from './HeaderRight.vue'\nimport HeaderRightMobile from './HeaderRightMobile.vue'\n\nconst currentTheme = ref(localStorage.theme)\nconst setTheme = (theme: string) => {\n\tcurrentTheme.value = theme\n\tlocalStorage.theme = theme\n\tif (theme === 'dark') {\n\t\tdocument.documentElement.classList.add('dark')\n\t\tdocument.documentElement.classList.remove('light')\n\t} else {\n\t\tdocument.documentElement.classList.add('light')\n\t\tdocument.documentElement.classList.remove('dark')\n\t}\n}\n\nconst scrollToTop = () => {\n\tscrollIntoView('landing')\n}\n</script>\n\n<style scoped>\n.text-shadow-theme {\n\t@apply text-light-accent dark:text-dark-accent;\n\ttext-shadow: 1px 1px 1px #000, 0 2px 4px #0369a1;\n}\n.text-header {\n\t@apply text-4xl font-nunito font-extrabold select-none;\n}\n.dark .text-shadow-theme {\n\ttext-shadow: 1px 1px 1px #000, 0 2px 4px #eab308;\n}\n</style>\n","import { initializeApp } from 'firebase/app'\nimport { getAuth } from 'firebase/auth'\nimport { getFirestore } from 'firebase/firestore'\n\nconst firebaseApp = initializeApp({\n\tapiKey: 'AIzaSyCNFOnSVhcMYPtrTGs7QCmNM9nf4CM3o-0',\n\tauthDomain: 'portfolio-69af6.firebaseapp.com',\n\tprojectId: 'portfolio-69af6',\n\tstorageBucket: 'portfolio-69af6.appspot.com',\n\tmessagingSenderId: '410344053740',\n\tappId: '1:410344053740:web:244240728283e7c286fec9',\n\tmeasurementId: 'G-D3RZG0VMZ7'\n})\nexport const auth = getAuth(firebaseApp)\nexport const firestore = getFirestore(firebaseApp)\n","<template>\n\t<section\n\t\tid=\"social\"\n\t\tclass=\"fixed left-4 top-header bottom-1/3 mt-10 flex flex-col justify-between w-10 my-auto\"\n\t>\n\t\t<a\n\t\t\tv-for=\"(link, i) in links\"\n\t\t\t:key=\"i\"\n\t\t\t:href=\"link.to\"\n\t\t\t:aria-label=\"link.label\"\n\t\t\tclass=\"w-8\"\n\t\t\ttarget=\"_blank\"\n\t\t\trel=\"noopener\"\n\t\t>\n\t\t\t<component\n\t\t\t\t:is=\"link.component\"\n\t\t\t\tclass=\"w-full h-full transition-hover fill-theme-hover\"\n\t\t\t/>\n\t\t</a>\n\t</section>\n</template>\n\n<script setup lang=\"ts\">\nimport LinkedInSVG from '@/components/SVG/LinkedIn.vue'\nimport TwitterSVG from '@/components/SVG/Twitter.vue'\nimport GithubSVG from '@/components/SVG/Github.vue'\n\nconst links = [\n\t{\n\t\tlabel: 'LinkedIn',\n\t\tto: 'https://www.linkedin.com/in/enes-kaplan-000b91133/',\n\t\tcomponent: LinkedInSVG\n\t},\n\t{\n\t\tlabel: 'Twitter',\n\t\tto: 'https://www.twitter.com/EnesKaplan1994',\n\t\tcomponent: TwitterSVG\n\t},\n\t{\n\t\tlabel: 'Github',\n\t\tto: 'https://github.com/enes-kaplan',\n\t\tcomponent: GithubSVG\n\t}\n]\n</script>\n","export default \"/avatar_tiger.png\"","export default \"/flag_tr.png\"","export default \"/flag_en.png\"","export default \"/profile.jpg\"","<template>\n\t<section\n\t\tid=\"about\"\n\t\tclass=\"flex flex-col sm:flex-row sm:justify-between sm:items-center w-4/5 mx-auto py-12\"\n\t>\n\t\t<!-- #region About -->\n\t\t<div class=\"flex flex-col gap-6 w-full sm:w-1/2 px-8 items-center\">\n\t\t\t<div\n\t\t\t\tclass=\"transition-hover hover:translate-x-0.5 hover:translate-y-0.5 shadow-theme-hover\"\n\t\t\t>\n\t\t\t\t<img\n\t\t\t\t\tsrc=\"/profile.jpg\"\n\t\t\t\t\talt=\"Profile picture\"\n\t\t\t\t\twidth=\"240\"\n\t\t\t\t\theight=\"240\"\n\t\t\t\t\tclass=\"rounded-lg border-2 border-light-accent dark:border-dark-accent select-none pointer-events-none\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<h1>About Me.</h1>\n\t\t\t<p>\n\t\t\t\tHello, I'm Enes. I am a developer who creates web applications\n\t\t\t\twith care and love. I have graduated in Computer Engineering in\n\t\t\t\t2017.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tI was working on a company before being graduated and I have\n\t\t\t\tworked with different programming languages and tools since\n\t\t\t\tthen. Started programming by writing backend APIs but loved\n\t\t\t\twriting frontend more and specialized more in frontend\n\t\t\t\tdevelopment.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tIn my free time, I like spending time with my family 👫, reading\n\t\t\t\t📖, travelling 🗺️ and playing videogames 🎮. I also work on side\n\t\t\t\tprojects at times ⌨️.\n\t\t\t</p>\n\t\t</div>\n\t\t<!-- #endregion -->\n\t\t<!-- #region Skills -->\n\t\t<div class=\"w-full mt-8 sm:w-1/3 sm:mt-0\">\n\t\t\t<p class=\"text-sm sm:text-xl\">\n\t\t\t\tSome tools, technologies or concepts I'm familiar or have worked\n\t\t\t\twith:\n\t\t\t</p>\n\t\t\t<div class=\"flex flex-wrap gap-y-4 mt-4\">\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"(skill, i) in skillList\"\n\t\t\t\t\t:key=\"i\"\n\t\t\t\t\tclass=\"flex items-center gap-2 w-1/2 text-lg\"\n\t\t\t\t>\n\t\t\t\t\t<ChevronDoubleRightIcon\n\t\t\t\t\t\tclass=\"flex-shrink-0 min-w-5 w-5 min-h-5 h-5\"\n\t\t\t\t\t/>\n\t\t\t\t\t{{ skill }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<!-- #endregion -->\n\t</section>\n</template>\n\n<script setup lang=\"ts\">\nimport { ChevronDoubleRightIcon } from '@heroicons/vue/outline'\n\nconst skillList = [\n\t'Vue',\n\t'Tailwind ❤️',\n\t'NuxtJS',\n\t'React',\n\t'Remix',\n\t'Microsoft SQL',\n\t'Postgre SQL',\n\t'C#',\n\t'ASP.NET',\n\t'.NET Core',\n\t'Cypress',\n\t'JEST'\n]\n</script>\n","<template>\n\t<section id=\"projects\" class=\"flex flex-col items-center gap-12 py-12\">\n\t\t<h1>Sample Projects</h1>\n\t\t<router-link\n\t\t\tv-for=\"(project, i) in projects\"\n\t\t\t:to=\"project.demoLink\"\n\t\t\t:key=\"i\"\n\t\t\tclass=\"w-1/3 min-w-project pb-6 rounded overflow-hidden dark:bg-dark dark:text-dark-font border border-dark dark:border-light transition-hover hover:translate-x-0.5 hover:translate-y-0.5 shadow-theme-hover\"\n\t\t>\n\t\t\t<img\n\t\t\t\t:src=\"project.image\"\n\t\t\t\t:alt=\"`Project image for ${project.name}`\"\n\t\t\t\tclass=\"dark:hidden w-full object-cover border-b border-opacity-50 border-dark dark:border-light\"\n\t\t\t/>\n\t\t\t<img\n\t\t\t\t:src=\"project.imageDark\"\n\t\t\t\t:alt=\"`Project image for ${project.name}`\"\n\t\t\t\tclass=\"hidden dark:block object-cover border-b border-opacity-50 border-dark dark:border-light\"\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tclass=\"mt-4 px-8 text-center text-3xl font-semibold text-light-accent dark:text-dark-accent\"\n\t\t\t>\n\t\t\t\t{{ project.name }}\n\t\t\t</div>\n\t\t\t<p class=\"mt-2 px-8 text-lg\">\n\t\t\t\t{{ project.description }}\n\t\t\t</p>\n\t\t</router-link>\n\t</section>\n</template>\n\n<script setup lang=\"ts\">\nconst projects = [\n\t{\n\t\tname: 'Expense Tracker',\n\t\timage: '/projects/balance_light.png',\n\t\timageDark: '/projects/balance_dark.png',\n\t\tdescription:\n\t\t\t'An application to keep track of your incomes and expenses',\n\t\tdemoLink: '/balance'\n\t},\n\t{\n\t\tname: 'Spotify Design Clone',\n\t\timage: '/projects/spotify.png',\n\t\timageDark: '/projects/spotify.png',\n\t\tdescription:\n\t\t\t'Spotify design clone project for showcasing design implementations.',\n\t\tdemoLink: '/spotify'\n\t},\n\t{\n\t\tname: 'To-do Project',\n\t\timage: '/projects/todo_light.jpg',\n\t\timageDark: '/projects/todo_dark.jpg',\n\t\tdescription: 'To-do project to keep track of your tasks.',\n\t\tdemoLink: '/todo'\n\t},\n\t{\n\t\tname: 'Tic-Tac-Toe',\n\t\timage: '/projects/tictactoe.png',\n\t\timageDark: '/projects/tictactoe_dark.png',\n\t\tdescription: 'Play tic-tac-toe against AI using the minimax algorithm.',\n\t\tdemoLink: '/tictactoe'\n\t}\n]\n</script>\n\n<style scoped>\n.min-w-project {\n\tmin-width: 16rem;\n}\n</style>\n","<template>\n\t<div class=\"relative pl-10\">\n\t\t<ContactSocial class=\"sect-anim\" :class=\"sectionClass('social')\" />\n\t\t<Landing class=\"sect-anim\" :class=\"sectionClass('landing')\" />\n\t\t<AboutMe class=\"sect-anim\" :class=\"sectionClass('about')\" />\n\t\t<Projects class=\"sect-anim\" :class=\"sectionClass('projects')\" />\n\t\t<Contact class=\"sect-anim\" :class=\"sectionClass('contact')\" />\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { Ref } from 'vue'\nimport { onMounted, onUnmounted, nextTick, ref } from 'vue'\nimport { useRouter } from 'vue-router'\nimport ContactSocial from '@/components/Home/ContactSocial.vue'\nimport Landing from '@/components/Home/Landing.vue'\nimport AboutMe from '@/components/Home/AboutMe.vue'\nimport Projects from '@/components/Home/Projects.vue'\nimport Contact from '@/components/Home/Contact.vue'\nimport { scrollIntoView } from '@/functions/common'\n\nlet fadeInElements: Ref<Element[]> = ref([])\nlet fadedInElementIds: Ref<string[]> = ref([])\n\nconst sectionClass = (id: string) => {\n\tconst elementInArray = fadedInElementIds.value.find(f => f === id)\n\treturn elementInArray || router.currentRoute.value.hash !== ''\n\t\t? 'fade-in'\n\t\t: 'fade-out'\n}\nconst setUpScroll = () => {\n\tconst contentEl = document.getElementById('content')\n\tcontentEl?.addEventListener('scroll', handleScroll)\n\tfadeInElements.value = Array.from(\n\t\tdocument.getElementsByClassName('sect-anim')\n\t)\n\tfadedInElementIds.value.push('landing')\n}\nconst handleScroll = () => {\n\tfor (let i = 0; i < fadeInElements.value.length; i++) {\n\t\tconst el = fadeInElements.value[i]\n\t\tif (isElVisible(el)) {\n\t\t\tfadedInElementIds.value.push(el.id) // Remove it after it's animated\n\t\t\tfadeInElements.value.splice(i, 1)\n\t\t}\n\t}\n}\nconst isElVisible = (el: Element): boolean => {\n\tvar rect = el.getBoundingClientRect()\n\tvar elTop = rect.top - 50 // pixels of buffer\n\treturn elTop < window.innerHeight\n}\n\nconst router = useRouter()\nconst scrollToElement = () => {\n\tif (router.currentRoute.value.hash !== '') {\n\t\tconst elementId = router.currentRoute.value.hash.split('#')[1]\n\t\tscrollIntoView(elementId)\n\t}\n}\n\nonMounted(() => {\n\tnextTick(() => {\n\t\tsetUpScroll()\n\t\thandleScroll()\n\t\tscrollToElement()\n\t})\n})\nonUnmounted(() => {\n\tconst contentEl = document.getElementById('content')\n\tcontentEl?.removeEventListener('scroll', handleScroll)\n})\n</script>\n\n<style scoped>\n.sect-anim {\n\t@apply transition-all transform duration-700 delay-500 ease-out;\n}\n.fade-out {\n\t@apply opacity-0 scale-75 translate-y-12;\n}\n.fade-in {\n\t@apply opacity-100 scale-100 translate-y-0;\n}\n</style>\n","/** Possible values for todo items */\nexport enum TodoStatus {\n\tTODO,\n\tIN_PROGRESS,\n\tDONE,\n\tDELETED\n}\n\n/** Possible values for tic-tac-toe tiles */\nexport enum TileValues {\n\tEMPTY,\n\tX,\n\tO\n}\n\nexport enum BalanceType {\n\tELECTRICITY = 'ELECTRICITY',\n\tWATER = 'WATER',\n\tGAS = 'GAS',\n\tINTERNET = 'INTERNET',\n\tPHONE = 'PHONE',\n\tRENT = 'RENT',\n\tCREDIT = 'CREDIT',\n\tMARKET = 'MARKET',\n\tEXPENDITURE = 'EXPENDITURE',\n\tSALARY = 'SALARY',\n\tINCOME = 'INCOME'\n}\n","import type { Todo } from '@/functions/firebase_types'\nimport { TodoStatus } from '@/static/enums'\nimport { defineStore } from 'pinia'\nimport { auth } from '@/functions/firebase_setup'\nimport { Timestamp } from 'firebase/firestore'\n\ninterface State {\n\ttodoList: Todo[]\n\tnewTodo: Todo | null\n}\n\nexport const useTodoStore = defineStore('todo', {\n\tstate: (): State => ({\n\t\ttodoList: [],\n\t\tnewTodo: null\n\t}),\n\tgetters: {\n\t\tgetTodoList: state => state.todoList,\n\t\tgetTodoByStatus: state => (status: TodoStatus) =>\n\t\t\tstate.todoList.filter(f => f.Status === status),\n\t\tgetTodoById: state => (Id: string) =>\n\t\t\tstate.todoList.find(f => f.Id === Id),\n\t\tgetStatusText: () => (status: TodoStatus) => {\n\t\t\tswitch (status) {\n\t\t\t\tcase TodoStatus.TODO:\n\t\t\t\t\treturn 'To-do'\n\t\t\t\tcase TodoStatus.IN_PROGRESS:\n\t\t\t\t\treturn 'In progress'\n\t\t\t\tcase TodoStatus.DONE:\n\t\t\t\t\treturn 'Done'\n\t\t\t\tcase TodoStatus.DELETED:\n\t\t\t\t\treturn 'Deleted'\n\t\t\t\tdefault:\n\t\t\t\t\treturn ''\n\t\t\t}\n\t\t}\n\t},\n\tactions: {\n\t\tupdateTodoList(data: Todo[]) {\n\t\t\tthis.todoList = data\n\t\t},\n\t\tupdateTodo(data: Todo) {\n\t\t\tconst todoToUpdate = this.todoList.find(f => f.Id === data.Id)\n\t\t\tObject.assign(todoToUpdate, data)\n\t\t},\n\t\tupdateTodoStatus(data: Todo) {\n\t\t\tconst todoToUpdate = this.todoList.find(f => f.Id === data.Id)\n\t\t\tObject.assign(todoToUpdate, {\n\t\t\t\t...todoToUpdate,\n\t\t\t\tStatus: data.Status\n\t\t\t})\n\t\t},\n\t\tcreateNewTodo(status: TodoStatus) {\n\t\t\tconst currentTimestamp = Timestamp.fromDate(new Date())\n\t\t\tthis.newTodo = {\n\t\t\t\tUserId: auth.currentUser?.uid,\n\t\t\t\tTitle: '',\n\t\t\t\tDescription: '',\n\t\t\t\tCreateDate: currentTimestamp,\n\t\t\t\tUpdateDate: currentTimestamp,\n\t\t\t\tStatus: status\n\t\t\t}\n\t\t},\n\t\taddTodoToList(todo: Todo) {\n\t\t\tthis.todoList.push(todo)\n\t\t\tthis.newTodo = null\n\t\t},\n\t\tcancelNewTodo() {\n\t\t\tthis.newTodo = null\n\t\t}\n\t}\n})\n","import {\n\tcollection,\n\tDocumentData,\n\tCollectionReference,\n\tDocumentReference\n} from 'firebase/firestore'\nimport { firestore } from './firebase_setup'\nimport { Todo, Balance } from './firebase_types'\n\n/* This is just a helper to add the type to the db responses */\nconst createCollection = <T = DocumentData>(collectionName: string) => {\n\treturn collection(firestore, collectionName) as CollectionReference<T>\n}\n/** Returns sub-collection of a document with associated types */\nexport const createSubCollectionFromDocId = <T>(\n\tcolRef: CollectionReference,\n\tdocId: string,\n\tsubCollectionName: string\n) => {\n\treturn collection(\n\t\tcolRef,\n\t\tdocId,\n\t\tsubCollectionName\n\t) as CollectionReference<T>\n}\n\nexport const todoCol = createCollection<Todo>('ToDo')\nexport const balanceCol = createCollection<Balance>('Balance')\n","import type { Todo } from './firebase_types'\nimport {\n\tquery,\n\twhere,\n\tdoc,\n\tgetDoc,\n\tgetDocs,\n\tsetDoc,\n\taddDoc,\n\torderBy,\n\tDocumentReference\n} from 'firebase/firestore'\nimport { auth } from './firebase_setup'\nimport { TodoStatus } from '../static/enums'\nimport { todoCol } from './firebase_db'\n\nexport const getTodos = async (): Promise<Todo[] | undefined> => {\n\tif (auth?.currentUser?.uid) {\n\t\tconst q = query(\n\t\t\ttodoCol,\n\t\t\twhere('UserId', '==', auth?.currentUser?.uid),\n\t\t\twhere('Status', '!=', TodoStatus.DELETED),\n\t\t\torderBy('Status'),\n\t\t\torderBy('CreateDate')\n\t\t)\n\t\tconst todoSnapshot = await getDocs(q)\n\t\tconst todoList = todoSnapshot.docs.map(doc => {\n\t\t\tconst data = doc.data()\n\t\t\tdata.Id = doc.id\n\t\t\treturn data\n\t\t})\n\t\treturn todoList\n\t}\n}\n\nexport const saveTodo = async (todo: Todo): Promise<Todo | undefined> => {\n\tlet docRef: DocumentReference<Todo>\n\tif (todo.Id) {\n\t\t// If editing an existing todo, just update the changed fields\n\t\tdocRef = doc(todoCol, todo.Id)\n\t\tawait setDoc(\n\t\t\tdocRef,\n\t\t\t{\n\t\t\t\tDescription: todo.Description,\n\t\t\t\tStatus: todo.Status,\n\t\t\t\tUpdateDate: new Date()\n\t\t\t},\n\t\t\t{ merge: true }\n\t\t)\n\t} else {\n\t\tdocRef = await addDoc(todoCol, todo)\n\t}\n\tconst docSnapshot = await getDoc(docRef)\n\tconst docData = docSnapshot.data()\n\tdocData!.Id = docRef.id\n\treturn docData\n}\n\nexport const deleteTodo = async (todo: Todo) => {\n\tconst todoRef = doc(todoCol, todo.Id)\n\tsetDoc(\n\t\ttodoRef,\n\t\t{ Status: TodoStatus.DELETED, UpdateDate: new Date() },\n\t\t{ merge: true }\n\t)\n}\n","import { auth } from './firebase_setup'\nimport firebase from 'firebase/compat/app'\nimport * as firebaseui from 'firebaseui'\n// import 'firebaseui/dist/firebaseui.css'\n\nexport const uiConfig = {\n\tsignInSuccessUrl: window.location.href,\n\tsignInOptions: [\n\t\t// Leave the lines as is for the providers you want to offer your users.\n\t\tfirebase.auth.GoogleAuthProvider.PROVIDER_ID\n\t\t// firebase.auth.FacebookAuthProvider.PROVIDER_ID,\n\t\t// firebase.auth.TwitterAuthProvider.PROVIDER_ID,\n\t\t// firebase.auth.GithubAuthProvider.PROVIDER_ID,\n\t\t// firebase.auth.EmailAuthProvider.PROVIDER_ID,\n\t\t// firebase.auth.PhoneAuthProvider.PROVIDER_ID,\n\t\t// firebaseui.auth.AnonymousAuthProvider.PROVIDER_ID\n\t]\n\t// tosUrl and privacyPolicyUrl accept either url string or a callback function.\n\t// Terms of service url/callback.\n\t// tosUrl: '/tos',\n\t// Privacy policy url/callback.\n\t// privacyPolicyUrl: function() {\n\t// \twindow.location.assign('/privacypolicy')\n\t// }\n}\nconst firebaseAuthUI = new firebaseui.auth.AuthUI(auth)\nexport const startFirebaseAuthUI = () => {\n\tfirebaseAuthUI.start('#firebaseui-auth-container', uiConfig)\n}\n","import type { User } from 'firebase/auth'\nimport { defineStore } from 'pinia'\nimport { onAuthStateChanged } from 'firebase/auth'\nimport { auth } from '@/functions/firebase_setup'\n\ninterface State {\n\tcurrentUser: User | 'LOADING' | null\n}\n\nexport const useSessionStore = defineStore('session', {\n\tstate: (): State => ({\n\t\tcurrentUser: 'LOADING'\n\t}),\n\tgetters: {\n\t\tgetCurrentUser: state => state.currentUser\n\t},\n\tactions: {\n\t\tsetUser(user: State['currentUser']) {\n\t\t\tthis.currentUser = user\n\t\t}\n\t}\n})\n\nonAuthStateChanged(auth, user => {\n\tconst sessionStore = useSessionStore()\n\tsessionStore.setUser(user)\n})\n","<template>\n\t<div>\n\t\t<div id=\"firebaseui-auth-container\">\n\t\t\t<div v-if=\"getCurrentUser === 'LOADING'\">\n\t\t\t\t<LoaderSVG />\n\t\t\t</div>\n\t\t\t<div v-else-if=\"getCurrentUser === null\" />\n\t\t\t<div v-else>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { nextTick, watch, onMounted } from 'vue'\nimport { startFirebaseAuthUI } from '@/functions/firebase_auth'\nimport 'firebaseui/dist/firebaseui.css'\nimport { useSessionStore } from '@/store/session'\nimport { storeToRefs } from 'pinia'\nimport LoaderSVG from '../SVG/Loader.vue'\n\nconst sessionStore = useSessionStore()\nconst { getCurrentUser } = storeToRefs(sessionStore)\n\nconst emit = defineEmits(['authorized'])\n\nwatch(\n\t() => getCurrentUser.value,\n\tnewValue => {\n\t\tif (newValue === null) {\n\t\t\tnextTick(() => {\n\t\t\t\tstartFirebaseAuthUI()\n\t\t\t})\n\t\t} else {\n\t\t\temit('authorized')\n\t\t}\n\t}\n)\nonMounted(() => {\n\tif (getCurrentUser.value === null) {\n\t\tstartFirebaseAuthUI()\n\t} else if (getCurrentUser.value !== 'LOADING') {\n\t\temit('authorized')\n\t}\n})\n</script>\n","<template>\n\t<div class=\"todo-wrapper flex\">\n\t\t<textarea\n\t\t\tv-model=\"state.description\"\n\t\t\tclass=\"flex-grow w-full input-text text-dark rounded-none overflow-y-hidden\"\n\t\t\t:class=\"{ 'border-error': v$.description.$error }\"\n\t\t\trows=\"4\"\n\t\t/>\n\t\t<div class=\"sidebuttons\">\n\t\t\t<button class=\"flex-grow\" aria-label=\"Save new todo\" @click=\"save\">\n\t\t\t\t<CheckIcon class=\"w-6 h-6\" />\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\tclass=\"flex-grow\"\n\t\t\t\taria-label=\"Cancel new todo\"\n\t\t\t\t@click=\"cancelEdit\"\n\t\t\t>\n\t\t\t\t<XIcon class=\"w-6 h-6\" />\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive } from 'vue'\nimport useVuelidate from '@vuelidate/core'\nimport { required } from '@vuelidate/validators'\nimport { CheckIcon, XIcon } from '@heroicons/vue/outline'\nimport { saveTodo } from '@/functions/firebase_todo'\nimport { useTodoStore } from '@/store/todo'\n\nconst state = reactive({ description: '' })\nconst rules = {\n\tdescription: { required }\n}\nconst v$ = useVuelidate(rules, state, { $autoDirty: true })\n\nconst todoStore = useTodoStore()\nconst { newTodo, cancelNewTodo, addTodoToList } = todoStore\n\nconst cancelEdit = () => {\n\tcancelNewTodo()\n}\nconst save = () => {\n\tconst todo = {\n\t\t...newTodo,\n\t\tDescription: state.description\n\t}\n\tsaveTodo(todo).then((res: any) => {\n\t\taddTodoToList(res)\n\t})\n}\n</script>\n","<template>\n\t<div\n\t\tclass=\"todo-wrapper min-h-[6rem] select-none\"\n\t\t:id=\"`draggable_${todo.Id}`\"\n\t\t:class=\"{ 'cursor-grab': isDraggable === true && !inEditMode }\"\n\t\t:draggable=\"isDraggable === true && !inEditMode\"\n\t\t@dragstart=\"setDragData\"\n\t>\n\t\t<transition-group\n\t\t\tname=\"fade\"\n\t\t\ttag=\"div\"\n\t\t\tclass=\"relative w-full min-h-[6rem]\"\n\t\t>\n\t\t\t<div\n\t\t\t\tv-if=\"!inEditMode\"\n\t\t\t\tclass=\"flex absolute top-0 left-0 right-0 bottom-0\"\n\t\t\t>\n\t\t\t\t<div class=\"flex-grow flex flex-col h-full px-4 py-2\">\n\t\t\t\t\t<p class=\"flex-grow\">\n\t\t\t\t\t\t{{ todo.Description }}\n\t\t\t\t\t</p>\n\t\t\t\t\t<div class=\"flex justify-between items-baseline w-full\">\n\t\t\t\t\t\t<p class=\"text-xs text-opacity-75\">\n\t\t\t\t\t\t\tCreated at {{ CreateDateF }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\t:value=\"props.todo.Status\"\n\t\t\t\t\t\t\tclass=\"sm:hidden input-text px-1 py-0\"\n\t\t\t\t\t\t\t@input=\"changeStatus($event)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<option :value=\"TodoStatus.TODO\" class=\"text-dark\">\n\t\t\t\t\t\t\t\t{{ getStatusText(TodoStatus.TODO) }}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t:value=\"TodoStatus.IN_PROGRESS\"\n\t\t\t\t\t\t\t\tclass=\"text-dark\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ getStatusText(TodoStatus.IN_PROGRESS) }}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t<option :value=\"TodoStatus.DONE\" class=\"text-dark\">\n\t\t\t\t\t\t\t\t{{ getStatusText(TodoStatus.DONE) }}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"sidebuttons\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"flex-grow\"\n\t\t\t\t\t\taria-label=\"Edit todo\"\n\t\t\t\t\t\t@click=\"startEdit(todo)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<PencilIcon class=\"w-6 h-6\" />\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"flex-grow\"\n\t\t\t\t\t\taria-label=\"Delete todo\"\n\t\t\t\t\t\t@click=\"deleteItem\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<TrashIcon class=\"w-6 h-6\" />\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div v-else class=\"flex absolute top-0 left-0 right-0 bottom-0\">\n\t\t\t\t<textarea\n\t\t\t\t\tv-model=\"state.description\"\n\t\t\t\t\tclass=\"flex-grow w-full input-text text-dark rounded-none\"\n\t\t\t\t\t:class=\"{ 'border-error': v$.description.$error }\"\n\t\t\t\t\trows=\"4\"\n\t\t\t\t/>\n\t\t\t\t<div class=\"sidebuttons\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"flex-grow\"\n\t\t\t\t\t\taria-label=\"Save changes\"\n\t\t\t\t\t\t@click=\"save\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CheckIcon class=\"w-6 h-6\" />\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"flex-grow\"\n\t\t\t\t\t\taria-label=\"Cancel changes\"\n\t\t\t\t\t\t@click=\"cancelEdit\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<XIcon class=\"w-6 h-6\" />\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</transition-group>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, reactive, computed, PropType } from 'vue'\nimport useVuelidate from '@vuelidate/core'\nimport { required } from '@vuelidate/validators'\nimport { useTodoStore } from '@/store/todo'\nimport { PencilIcon, TrashIcon, CheckIcon, XIcon } from '@heroicons/vue/outline'\nimport { saveTodo, deleteTodo } from '@/functions/firebase_todo'\nimport { TodoStatus } from '@/static/enums'\nimport { Todo } from '@/functions/firebase_types'\n\nconst todoStore = useTodoStore()\nconst { getStatusText, updateTodo } = todoStore\nconst props = defineProps({\n\ttodo: {\n\t\ttype: Object as PropType<Todo>,\n\t\trequired: true\n\t},\n\tisInEdit: {\n\t\ttype: Boolean,\n\t\trequired: false,\n\t\tdefault: () => false\n\t},\n\tisDraggable: {\n\t\ttype: Boolean,\n\t\trequired: true\n\t}\n})\n\nconst state = reactive({ description: '' })\nconst rules = {\n\tdescription: { required }\n}\nconst v$ = useVuelidate(rules, state, { $autoDirty: true })\n\nconst CreateDateF = computed(() => {\n\tconst createDate = props.todo.CreateDate?.toDate()\n\treturn `${createDate!.getMonth() + 1}/\n\t${createDate!.getDate()}/\n\t${createDate!.getFullYear()}`\n})\n\nconst inEditMode = ref(props.isInEdit)\nconst startEdit = (todo: any) => {\n\tstate.description = todo.Description\n\tinEditMode.value = true\n}\nconst save = () => {\n\tconst updatedTodo = { ...props.todo, Description: state.description }\n\tupdateTodo(updatedTodo)\n\tsaveTodo(updatedTodo)\n\tinEditMode.value = false\n}\nconst deleteItem = () => {\n\tconst updatedTodo = { ...props.todo, Status: TodoStatus.DELETED }\n\tupdateTodo(updatedTodo)\n\tdeleteTodo(props.todo)\n}\nconst cancelEdit = () => {\n\tinEditMode.value = false\n}\n\nconst setDragData = (ev: DragEvent) => {\n\tif (ev && ev.dataTransfer) {\n\t\tev.dataTransfer.setData('text/plain', props.todo.Id!)\n\t\tev.dataTransfer.effectAllowed = 'move'\n\t}\n}\nconst changeStatus = (ev: Event) => {\n\tconst inputEl = <HTMLInputElement>ev.target\n\tconst Status = inputEl.value ? parseInt(inputEl.value) : TodoStatus.TODO\n\tif (Status !== props.todo.Status) {\n\t\tconst updatedTodo = { ...props.todo, Status }\n\t\tupdateTodo(updatedTodo)\n\t\tsaveTodo(updatedTodo)\n\t}\n}\n</script>\n\n<style scoped>\n.fade {\n\t@apply relative;\n}\n.fadeInner {\n\t@apply flex absolute top-0 left-0 right-0 bottom-0;\n}\n\n.fade-enter-active,\n.fade-leave-active {\n\ttransition: opacity 0.5s;\n}\n.fade-enter,\n.fade-leave-to {\n\topacity: 0;\n}\n</style>\n","<template>\n\t<div\n\t\tclass=\"max-h-[34rem] border border-dark dark:border-light rounded pb-6 shadow dark:shadow-light overflow-y-auto noScrollbar\"\n\t\t:class=\"{ 'bg-gray-200 dark:bg-gray-600': dragging }\"\n\t\tdropzone=\"move\"\n\t\t@dragover.prevent=\"dragOverEv\"\n\t\t@drop=\"moveTodo\"\n\t\t@dragleave=\"dragging = false\"\n\t>\n\t\t<div\n\t\t\tclass=\"sticky top-0 flex justify-between bg-light dark:bg-dark w-full px-4 py-4 border-b border-dark dark:border-light transition-colors duration-300 z-10\"\n\t\t>\n\t\t\t<h2>\n\t\t\t\t{{ getStatusText(status) }}\n\t\t\t</h2>\n\t\t\t<button aria-label=\"Add new todo\" @click=\"createNewTodo(status)\">\n\t\t\t\t<PlusIcon class=\"w-6 h-6\" />\n\t\t\t</button>\n\t\t</div>\n\t\t<div class=\"flex flex-col gap-6 px-6 pt-8 pb-6\">\n\t\t\t<transition name=\"scale\">\n\t\t\t\t<NewTodo\n\t\t\t\t\tv-if=\"\n\t\t\t\t\t\ttodoStore.newTodo !== null &&\n\t\t\t\t\t\ttodoStore.newTodo.Status === status\n\t\t\t\t\t\"\n\t\t\t\t/>\n\t\t\t</transition>\n\t\t\t<Todo\n\t\t\t\tv-for=\"(todo, i) in getTodoByStatus(status)\"\n\t\t\t\t:key=\"i\"\n\t\t\t\t:todo=\"todo\"\n\t\t\t\t:is-draggable=\"isDraggable\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useTodoStore } from '@/store/todo'\nimport { ref } from 'vue'\nimport { PlusIcon } from '@heroicons/vue/outline'\nimport { saveTodo } from '@/functions/firebase_todo'\nimport NewTodo from './NewTodo.vue'\nimport Todo from './Todo.vue'\n\nconst todoStore = useTodoStore()\nconst {\n\tgetStatusText,\n\tgetTodoByStatus,\n\tgetTodoById,\n\tcreateNewTodo,\n\tupdateTodo\n} = todoStore\nconst props = defineProps({\n\tstatus: {\n\t\ttype: Number, // Type: ToDoStatus enum\n\t\trequired: true\n\t},\n\tisDraggable: {\n\t\ttype: Boolean,\n\t\trequired: true\n\t}\n})\n\nconst dragging = ref(false)\nconst dragOverEv = (ev: DragEvent) => {\n\tif (ev && ev.dataTransfer) {\n\t\tev.dataTransfer.dropEffect = 'move'\n\t}\n\tdragging.value = true\n}\n\nconst moveTodo = (ev: DragEvent) => {\n\tconst Id = ev?.dataTransfer?.getData('text/plain')\n\tconst todo = getTodoById(Id!)\n\tif (todo?.Status !== props.status) {\n\t\tconst updatedTodo = { ...todo, Status: props.status }\n\t\tupdateTodo(updatedTodo)\n\t\tsaveTodo(updatedTodo)\n\t}\n\tdragging.value = false\n}\n</script>\n\n<style>\n.todo-wrapper {\n\t@apply border border-dark dark:border-light rounded shadow-md dark:shadow-sm dark:shadow-light overflow-hidden;\n}\n.sidebuttons {\n\t@apply flex flex-col px-2 divide-y-2 divide-dark dark:divide-light border-l-2 border-dark dark:border-light;\n}\n\n.scale-enter-active {\n\tanimation: scale 0.3s ease-in-out;\n}\n.scale-leave-active {\n\tanimation: scale 0.3s reverse ease-in-out;\n}\n@keyframes scale {\n\t0% {\n\t\tmax-height: 0;\n\t}\n\t100% {\n\t\tmax-height: 8rem;\n\t}\n}\n</style>\n","<template>\n\t<AuthorizedContent @authorized=\"getTodoList\">\n\t\t<h1 class=\"text-3xl sm:text-5xl text-center my-4\">👍 Get it done 👍</h1>\n\t\t<!-- #region Desktop screen -->\n\t\t<div class=\"hidden sm:flex gap-12 mt-12 px-20 h-full\">\n\t\t\t<Column :status=\"TodoStatus.TODO\" class=\"w-1/3\" is-draggable />\n\t\t\t<Column\n\t\t\t\t:status=\"TodoStatus.IN_PROGRESS\"\n\t\t\t\tclass=\"w-1/3\"\n\t\t\t\tis-draggable\n\t\t\t/>\n\t\t\t<Column :status=\"TodoStatus.DONE\" class=\"w-1/3\" is-draggable />\n\t\t</div>\n\t\t<!-- #endregion -->\n\t\t<!-- #region Mobile screen -->\n\t\t<div class=\"flex flex-col sm:hidden mt-12 px-8\">\n\t\t\t<select v-model=\"selectedStatus\" class=\"input-text mb-4\">\n\t\t\t\t<option :value=\"TodoStatus.TODO\" class=\"text-dark\">\n\t\t\t\t\t{{ getStatusText(TodoStatus.TODO) }}\n\t\t\t\t</option>\n\t\t\t\t<option :value=\"TodoStatus.IN_PROGRESS\" class=\"text-dark\">\n\t\t\t\t\t{{ getStatusText(TodoStatus.IN_PROGRESS) }}\n\t\t\t\t</option>\n\t\t\t\t<option :value=\"TodoStatus.DONE\" class=\"text-dark\">\n\t\t\t\t\t{{ getStatusText(TodoStatus.DONE) }}\n\t\t\t\t</option>\n\t\t\t</select>\n\t\t\t<Column :status=\"selectedStatus\" is-draggable=\"false\" />\n\t\t</div>\n\t\t<!-- #endregion -->\n\t</AuthorizedContent>\n</template>\n\n<script setup lang=\"ts\">\nimport type { DocumentData } from 'firebase/firestore'\nimport { ref, onMounted } from 'vue'\nimport { useTodoStore } from '@/store/todo'\nimport { getTodos } from '@/functions/firebase_todo'\nimport { TodoStatus } from '@/static/enums'\nimport AuthorizedContent from '@/components/layout/AuthorizedContent.vue'\nimport Column from '@/components/ToDo/Column.vue'\n\nconst { getStatusText, updateTodoList } = useTodoStore()\n\nconst selectedStatus = ref(TodoStatus.TODO)\n\nconst getTodoList = () => {\n\tgetTodos().then((todoList: DocumentData[]) => {\n\t\tupdateTodoList(todoList)\n\t})\n}\n</script>\n","import { defineStore } from 'pinia'\nimport { TileValues } from '@/static/enums'\n\ninterface State {\n\tboard: TileValues[][]\n}\n\nconst initialRow = [TileValues.EMPTY, TileValues.EMPTY, TileValues.EMPTY]\nconst doMove = (\n\tboard: TileValues[][],\n\tx: number,\n\ty: number,\n\tvalue: TileValues\n) => {\n\tboard[x][y] = value\n}\nconst hasPlayerWonBoard = (board: TileValues[][], playerTile: TileValues) => {\n\t// Horizontal rows\n\tfor (let i = 0; i < 3; i++) {\n\t\tif (\n\t\t\tboard[0][i] === playerTile &&\n\t\t\tboard[1][i] === playerTile &&\n\t\t\tboard[2][i] === playerTile\n\t\t) {\n\t\t\treturn true\n\t\t}\n\t}\n\n\t// Vertical rows\n\tfor (let i = 0; i < 3; i++) {\n\t\tif (\n\t\t\tboard[i][0] === playerTile &&\n\t\t\tboard[i][1] === playerTile &&\n\t\t\tboard[i][2] === playerTile\n\t\t) {\n\t\t\treturn true\n\t\t}\n\t}\n\n\tif (\n\t\tboard[0][0] === playerTile &&\n\t\tboard[1][1] === playerTile &&\n\t\tboard[2][2] === playerTile\n\t) {\n\t\treturn true\n\t}\n\tif (\n\t\tboard[0][2] === playerTile &&\n\t\tboard[1][1] === playerTile &&\n\t\tboard[2][0] === playerTile\n\t) {\n\t\treturn true\n\t}\n\n\treturn false\n}\nconst getAiBoardScore = (board: TileValues[][]) => {\n\tlet score = 0\n\t// If AI has won, increase the score because it is desirable\n\tif (hasPlayerWonBoard(board, TileValues.O)) {\n\t\tscore += 100\n\t}\n\t// If player has won, reduce the score because it is undesirable\n\tif (hasPlayerWonBoard(board, TileValues.X)) {\n\t\tscore -= 100\n\t}\n\treturn score\n}\nconst getBoardPossibleMoves = (board: TileValues[][]) => {\n\tlet moves = []\n\tfor (let x = 0; x < 3; x++) {\n\t\tfor (let y = 0; y < 3; y++) {\n\t\t\tif (board[x][y] === TileValues.EMPTY) {\n\t\t\t\tmoves.push({ x, y })\n\t\t\t}\n\t\t}\n\t}\n\treturn moves\n}\nconst cloneBoard = (board: TileValues[][]) => {\n\tlet boardClone: TileValues[][] = []\n\tfor (let x = 0; x < 3; x++) {\n\t\tboardClone.push([])\n\t\tfor (let y = 0; y < 3; y++) {\n\t\t\tboardClone[x][y] = board[x][y]\n\t\t}\n\t}\n\treturn boardClone\n}\n\nexport const useTictactoeStore = defineStore('tictactoe', {\n\tstate: (): State => ({\n\t\tboard: [[...initialRow], [...initialRow], [...initialRow]]\n\t}),\n\tgetters: {\n\t\t/**\n\t\t * @param {TileValues} playerTile - The player to check the win condition for\n\t\t * @returns {boolean} If the specified player has won the game\n\t\t */\n\t\thasWon:\n\t\t\tstate =>\n\t\t\t(playerTile: TileValues): boolean => {\n\t\t\t\treturn hasPlayerWonBoard(state.board, playerTile)\n\t\t\t},\n\t\thasPlayerWon(): boolean {\n\t\t\treturn this.hasWon(TileValues.X)\n\t\t},\n\t\thasAIWon(): boolean {\n\t\t\treturn this.hasWon(TileValues.O)\n\t\t},\n\t\tisGameCompleted(): boolean {\n\t\t\treturn (\n\t\t\t\tthis.hasPlayerWon ||\n\t\t\t\tthis.hasAIWon ||\n\t\t\t\tthis.getPossibleMoves.length === 0\n\t\t\t)\n\t\t},\n\t\tgetPossibleMoves: state => {\n\t\t\treturn getBoardPossibleMoves(state.board)\n\t\t}\n\t},\n\tactions: {\n\t\tdoMove(x: number, y: number, value: TileValues) {\n\t\t\tdoMove(this.board, x, y, value)\n\t\t},\n\t\tplayerMove(x: number, y: number) {\n\t\t\tthis.doMove(x, y, TileValues.X)\n\t\t\tconst bestMove = this.getBestAiMove(this.board, TileValues.O)\n\t\t\tif (bestMove.move) {\n\t\t\t\tthis.doMove(bestMove.move.x, bestMove.move.y, TileValues.O)\n\t\t\t}\n\t\t},\n\t\tgetBestAiMove(\n\t\t\tboard: TileValues[][],\n\t\t\tplayer: TileValues,\n\t\t\tdepth = 0\n\t\t): { score: number; move: { x: number; y: number } | null } {\n\t\t\t// If game is completed, don't calculate next move\n\t\t\tconst possibleMoves = getBoardPossibleMoves(board)\n\t\t\tif (\n\t\t\t\thasPlayerWonBoard(board, TileValues.X) ||\n\t\t\t\thasPlayerWonBoard(board, TileValues.O) ||\n\t\t\t\tpossibleMoves.length === 0\n\t\t\t) {\n\t\t\t\treturn { score: getAiBoardScore(board) + depth, move: null }\n\t\t\t}\n\n\t\t\t// The algorithm wants to maximize AI's score and minimize the player's score\n\t\t\tlet bestScore = player === TileValues.O ? -1000 : 1000\n\t\t\tlet bestMove = null\n\n\t\t\t// If game is not completed, calculate score for each possible next move, recursively\n\t\t\tfor (let i = 0; i < possibleMoves.length; i++) {\n\t\t\t\tlet move = possibleMoves[i]\n\n\t\t\t\tconst boardClone = cloneBoard(board)\n\n\t\t\t\t// Do the next possible move and recursively call this method again\n\t\t\t\tdoMove(boardClone, move.x, move.y, player)\n\t\t\t\tconst nextPlayer =\n\t\t\t\t\tplayer === TileValues.X ? TileValues.O : TileValues.X\n\t\t\t\tconst nextMove = this.getBestAiMove(\n\t\t\t\t\tboardClone,\n\t\t\t\t\tnextPlayer,\n\t\t\t\t\tdepth + 1\n\t\t\t\t)\n\t\t\t\tif (\n\t\t\t\t\t(player === TileValues.O && nextMove.score > bestScore) ||\n\t\t\t\t\t(player === TileValues.X && nextMove.score < bestScore)\n\t\t\t\t) {\n\t\t\t\t\tbestScore = nextMove.score\n\t\t\t\t\tbestMove = move\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn { score: bestScore, move: bestMove }\n\t\t},\n\t\tresetBoard() {\n\t\t\tthis.board = [[...initialRow], [...initialRow], [...initialRow]]\n\t\t}\n\t}\n})\n","<template>\n\t<div\n\t\tclass=\"flex justify-center items-center text-5xl border border-dark dark:border-light transition-all duration-300 ease-out\"\n\t\t:class=\"{\n\t\t\t'shadow-hover': tileVal === TileValues.EMPTY\n\t\t}\"\n\t>\n\t\t<CrossSVG\n\t\t\tv-if=\"tileVal === TileValues.X\"\n\t\t\tclass=\"w-12 h-12 fill-light-accent hover:fill-light-accent dark:fill-dark-accent transition-all duration-300 ease-out\"\n\t\t/>\n\t\t<CircleSVG\n\t\t\tv-else-if=\"tileVal === TileValues.O\"\n\t\t\tclass=\"w-12 h-12 transition-all duration-300 ease-out\"\n\t\t/>\n\t\t<button\n\t\t\tv-else\n\t\t\tclass=\"w-full h-full\"\n\t\t\taria-label=\"Mark the tile\"\n\t\t\t@click=\"markTile\"\n\t\t/>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { TileValues } from '@/static/enums'\nimport { useTictactoeStore } from '@/store/tictactoe'\nimport CircleSVG from '@/components/SVG/Circle.vue'\nimport CrossSVG from '@/components/SVG/Cross.vue'\n\nconst { playerMove } = useTictactoeStore()\n\nconst props = defineProps({\n\ttileVal: {\n\t\ttype: Number,\n\t\trequired: true\n\t},\n\tx: {\n\t\ttype: Number,\n\t\trequired: true\n\t},\n\ty: {\n\t\ttype: Number,\n\t\trequired: true\n\t}\n})\n\nconst markTile = () => {\n\tplayerMove(props.x, props.y)\n}\n</script>\n\n<style scoped>\n.shadow-hover:hover {\n\tbox-shadow: inset 0 4px 40px 0 rgb(3 105 161 / 0.5);\n}\n.dark .shadow-hover:hover {\n\tbox-shadow: inset 0 4px 40px 0 rgb(234 179 8 / 0.5);\n}\n</style>\n","<template>\n\t<div\n\t\tclass=\"grid grid-rows-3 grid-cols-3 w-64 min-w-64 h-64 min-h-[16rem] border border-dark dark:border-light transition-colors duration-300 ease-out\"\n\t\t:class=\"{\n\t\t\t'bg-emerald-300 dark:bg-emerald-600': hasPlayerWon,\n\t\t\t'bg-red-400 dark:bg-red-500 ': hasAIWon\n\t\t}\"\n\t>\n\t\t<template v-for=\"(row, x) in board\" :key=\"index\">\n\t\t\t<template v-for=\"(tileVal, y) in row\" :key=\"index\">\n\t\t\t\t<Tile :tile-val=\"tileVal\" :x=\"x\" :y=\"y\" />\n\t\t\t</template>\n\t\t</template>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport Tile from './Tile.vue'\nimport { useTictactoeStore } from '@/store/tictactoe'\n\nconst store = useTictactoeStore()\nconst { board, hasPlayerWon, hasAIWon } = storeToRefs(store)\n</script>\n","<template>\n\t<div class=\"flex flex-col items-center gap-12 pt-12 pb-24\">\n\t\t<h1>Play tic-tac-toe against AI</h1>\n\t\t<Board />\n\t\t<template v-if=\"isGameCompleted\">\n\t\t\t<span\n\t\t\t\tv-if=\"hasPlayerWon\"\n\t\t\t\tclass=\"text-4xl font-semibold font-nunito\"\n\t\t\t>\n\t\t\t\tYou have won!\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tv-else-if=\"hasAIWon\"\n\t\t\t\tclass=\"text-4xl font-semibold font-nunito\"\n\t\t\t>\n\t\t\t\tYou have lost :(\n\t\t\t</span>\n\t\t\t<span v-else class=\"text-4xl font-semibold font-nunito\">\n\t\t\t\tIt's a draw!\n\t\t\t</span>\n\t\t\t<button\n\t\t\t\tclass=\"group btn btn-primary text-3xl font-nunito font-semibold border-2 select-none\"\n\t\t\t\t@click=\"resetBoard\"\n\t\t\t>\n\t\t\t\t<RefreshIcon\n\t\t\t\t\tclass=\"w-8 h-8 group-hover:stroke-light dark:group-hover:stroke-dark\"\n\t\t\t\t/>\n\t\t\t\tPlay Again\n\t\t\t</button>\n\t\t</template>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useTictactoeStore } from '@/store/tictactoe'\nimport { RefreshIcon } from '@heroicons/vue/outline'\nimport Board from '@/components/TicTacToe/Board.vue'\n\nconst store = useTictactoeStore()\nconst { resetBoard } = store\nconst { hasPlayerWon, hasAIWon, isGameCompleted } = storeToRefs(store)\n</script>\n","<template>\n\t<ul class=\"flex flex-col gap-4 mt-8\">\n\t\t<li\n\t\t\tv-for=\"(menu, i) in menuList\"\n\t\t\t:key=\"i\"\n\t\t\tclass=\"sidemenu-row transition-hover\"\n\t\t>\n\t\t\t<component :is=\"menu.icon\" class=\"fill-white\" />\n\t\t\t<span class=\"sidemenu-text\">\n\t\t\t\t{{ menu.text }}\n\t\t\t</span>\n\t\t</li>\n\t</ul>\n</template>\n\n<script setup lang=\"ts\">\nimport HomeSVG from '@/components/SVG/Spotify/Home.vue'\nimport SearchSVG from '@/components/SVG/Spotify/Search.vue'\nimport LibrarySVG from '@/components/SVG/Spotify/Library.vue'\n\nconst menuList = [\n\t{\n\t\ticon: HomeSVG,\n\t\ttext: 'Home'\n\t},\n\t{\n\t\ticon: SearchSVG,\n\t\ttext: 'Search'\n\t},\n\t{\n\t\ticon: LibrarySVG,\n\t\ttext: 'Your Library'\n\t}\n]\n</script>\n","<template>\n\t<ul class=\"flex-grow bg-red-500s overflow-y-auto spotifyScrollbar\">\n\t\t<li\n\t\t\tv-for=\"(playlist, i) in playlists\"\n\t\t\t:key=\"i\"\n\t\t\tclass=\"sidemenu-row transition-hover cursor-default py-1\"\n\t\t>\n\t\t\t<span class=\"sidemenu-text text-sm font-light truncate\">\n\t\t\t\t{{ playlist }}\n\t\t\t</span>\n\t\t</li>\n\t</ul>\n</template>\n\n<script setup lang=\"ts\">\nconst playlists = [\n\t'Favourites',\n\t'Office',\n\t'Maximum Concentration of Maxitude',\n\t'Work-out',\n\t'Chilling',\n\t'Classical',\n\t'Movie soundtracks',\n\t'Liked from Radio'\n]\n</script>\n","<template>\n\t<ul\n\t\tclass=\"fixed bottom-0 left-0 right-0 flex justify-around items-end pt-2 pb-0.5 bg-spotify-gray\"\n\t>\n\t\t<li\n\t\t\tv-for=\"(menu, i) in menus\"\n\t\t\t:key=\"i\"\n\t\t\tclass=\"flex flex-col items-center\"\n\t\t>\n\t\t\t<component\n\t\t\t\t:is=\"menu.icon\"\n\t\t\t\tclass=\"w-5 h-5\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'fill-white': i === 0,\n\t\t\t\t\t'fill-spotify-text-light': i !== 0\n\t\t\t\t}\"\n\t\t\t/>\n\t\t\t<span\n\t\t\t\tclass=\"text-xs\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'text-white': i === 0,\n\t\t\t\t\t'text-spotify-text-light': i !== 0\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t{{ menu.text }}\n\t\t\t</span>\n\t\t</li>\n\t</ul>\n</template>\n\n<script setup lang=\"ts\">\nimport HomeSVG from '@/components/SVG/Spotify/Home.vue'\nimport SearchSVG from '@/components/SVG/Spotify/Search.vue'\nimport LibrarySVG from '@/components/SVG/Spotify/Library.vue'\nimport SpotifySVG from '@/components/SVG/Spotify/Spotify.vue'\n\nconst menus = [\n\t{\n\t\ttext: 'Home',\n\t\ticon: HomeSVG\n\t},\n\t{\n\t\ttext: 'Search',\n\t\ticon: SearchSVG\n\t},\n\t{\n\t\ttext: 'Your library',\n\t\ticon: LibrarySVG\n\t},\n\t{\n\t\ttext: 'Get the app',\n\t\ticon: SpotifySVG\n\t}\n]\n</script>\n","<template>\n\t<div\n\t\tclass=\"absolute top-full right-0 flex flex-col p-1 w-52 mt-2 bg-spotify-gray rounded\"\n\t>\n\t\t<div\n\t\t\tv-for=\"(menu, i) in menuList\"\n\t\t\t:key=\"i\"\n\t\t\tclass=\"flex justify-between items-center w-full p-2 hover:bg-spotify-gray-light rounded cursor-pointer\"\n\t\t>\n\t\t\t<span class=\"text-sm font-nunito font-semibold tracking-wider\">\n\t\t\t\t{{ menu.name }}\n\t\t\t</span>\n\t\t\t<ExtLinkSVG v-if=\"menu.isExternal\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport ExtLinkSVG from '@/components/SVG/Spotify/ExtLink.vue'\n\nconst menuList = [\n\t{\n\t\tname: 'Account',\n\t\tisExternal: true\n\t},\n\t{\n\t\tname: 'Profile',\n\t\tisExternal: false\n\t},\n\t{\n\t\tname: 'Premium',\n\t\tisExternal: true\n\t},\n\t{\n\t\tname: 'Support',\n\t\tisExternal: true\n\t},\n\t{\n\t\tname: 'Download',\n\t\tisExternal: true\n\t},\n\t{\n\t\tname: 'Logout',\n\t\tisExternal: false\n\t}\n]\n</script>\n","<template>\n\t<div class=\"relative flex items-center gap-12\">\n\t\t<button\n\t\t\tclass=\"px-8 py-1 font-semibold tracking-widest bg-button border border-white rounded-full transition-hover hover:scale-110\"\n\t\t>\n\t\t\tUPGRADE\n\t\t</button>\n\t\t<button\n\t\t\tclass=\"flex items-center gap-3 bg-[#0A0A0A] rounded-full hover:bg-spotify-gray border-2 border-spotify-gray\"\n\t\t\t@click=\"isMenuOpen = !isMenuOpen\"\n\t\t>\n\t\t\t<img\n\t\t\t\tsrc=\"/profile.jpg\"\n\t\t\t\tclass=\"w-8 h-8 rounded-full\"\n\t\t\t\talt=\"Profile avatar\"\n\t\t\t/>\n\t\t\t<span class=\"text-sm font-bold\"> Enes Kaplan </span>\n\t\t\t<DropArrowSVG\n\t\t\t\tclass=\"mr-2 transform\"\n\t\t\t\t:class=\"{ 'rotate-180': isMenuOpen }\"\n\t\t\t/>\n\t\t</button>\n\t\t<Dropmenu v-if=\"isMenuOpen\" />\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport DropArrowSVG from '@/components/SVG/Spotify/DropArrow.vue'\nimport Dropmenu from './Dropmenu.vue'\n\nconst isMenuOpen = ref(false)\n</script>\n","<template>\n\t<main\n\t\tclass=\"w-full h-full px-8 bg-spotify-darker overflow-y-auto spotifyScrollbar\"\n\t>\n\t\t<ContentSection\n\t\t\tv-for=\"(section, i) in contentSections\"\n\t\t\t:key=\"i\"\n\t\t\t:section=\"section\"\n\t\t/>\n\t</main>\n</template>\n\n<script setup lang=\"ts\">\nimport ContentSection from './Content/Section.vue'\n\nconst contentSections = [\n\t{\n\t\ttitle: 'Recently played',\n\t\tdescription: '',\n\t\tsectionContents: [\n\t\t\t{\n\t\t\t\ttitle: 'First Aid Kit',\n\t\t\t\tdescription: 'Artist',\n\t\t\t\timage: '/spotify/firstaidkit.jpg',\n\t\t\t\tisCircle: true\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Linkin Park',\n\t\t\t\tdescription: 'Artist',\n\t\t\t\timage: '/spotify/linkinpark.jpg',\n\t\t\t\tisCircle: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: 'Shows you might like',\n\t\tdescription: '',\n\t\tsectionContents: [\n\t\t\t{\n\t\t\t\ttitle: 'Potacast',\n\t\t\t\tdescription: 'Socrates Dergi, Orkun Çolakoğlu, Kaan Kura',\n\t\t\t\timage: '/spotify/potacast.jpg',\n\t\t\t\tisCircle: false\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Dr.RedPill',\n\t\t\t\tdescription: 'Dr.RedPill',\n\t\t\t\timage: '/spotify/drredpill.jpg',\n\t\t\t\tisCircle: false\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Codefiction Podcast',\n\t\t\t\tdescription: 'Codefiction Community',\n\t\t\t\timage: '/spotify/codefiction.jpg',\n\t\t\t\tisCircle: false\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Philosophize This!',\n\t\t\t\tdescription: 'Stephen West',\n\t\t\t\timage: '/spotify/philosophize.jpg',\n\t\t\t\tisCircle: false\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: 'Recommended radio',\n\t\tdescription: 'Non-stop music based on your favorite songs and artists.',\n\t\tsectionContents: [\n\t\t\t{\n\t\t\t\ttitle: 'Daily Mix 1',\n\t\t\t\tdescription: 'Egypt Central, Linkin Park, Downplay and...',\n\t\t\t\timage: '/spotify/mix1.jpg',\n\t\t\t\tisCircle: false\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Daily Mix 2',\n\t\t\t\tdescription: 'Dorothy, Black Rebel Motorcycle Club...',\n\t\t\t\timage: '/spotify/mix2.jpg',\n\t\t\t\tisCircle: false\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Daily Mix 3',\n\t\t\t\tdescription: \"Blackmore's Night, Karliene, Lunatica...\",\n\t\t\t\timage: '/spotify/mix3.jpg',\n\t\t\t\tisCircle: false\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Daily Mix 4',\n\t\t\t\tdescription: 'Borislav Slavov, Video Games Live, Vomitro...',\n\t\t\t\timage: '/spotify/mix4.jpg',\n\t\t\t\tisCircle: false\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Daily Mix 5',\n\t\t\t\tdescription: 'Watsky, Hoodie Allen, TomPepe...',\n\t\t\t\timage: '/spotify/mix5.jpg',\n\t\t\t\tisCircle: false\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: 'Best of artists',\n\t\tdescription: 'Bringing together the top songs from an artist.',\n\t\tsectionContents: [\n\t\t\t{\n\t\t\t\ttitle: 'This is Duman',\n\t\t\t\tdescription: 'This is Duman. The essential tracks, all in...',\n\t\t\t\timage: '/spotify/thisis_duman.jpg',\n\t\t\t\tisCircle: false\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'This is First Aid Kit',\n\t\t\t\tdescription:\n\t\t\t\t\t'This is First Aid Kit. The essential tracks, all in...',\n\t\t\t\timage: '/spotify/thisis_firstaidkit.jpg',\n\t\t\t\tisCircle: false\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'This is Linkin Park',\n\t\t\t\tdescription:\n\t\t\t\t\t'This is Linkin Park. The essential tracks, all in...',\n\t\t\t\timage: '/spotify/thisis_linkinpark.jpg',\n\t\t\t\tisCircle: false\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'This is Watsky',\n\t\t\t\tdescription: 'This is Watsky. The essential tracks, all in...',\n\t\t\t\timage: '/spotify/thisis_watsky.jpg',\n\t\t\t\tisCircle: false\n\t\t\t}\n\t\t]\n\t}\n]\n</script>\n","import { addDoc, DocumentReference } from 'firebase/firestore'\nimport type { Balance, BalanceItem } from './firebase_types'\nimport { query, where, doc, getDoc, getDocs, setDoc } from 'firebase/firestore'\nimport { BalanceType } from '@/static/enums'\nimport { auth } from './firebase_setup'\nimport { balanceCol, createSubCollectionFromDocId } from './firebase_db'\n\nconst createDocId = (userId: string, year: number, month: number) => {\n\treturn `${userId}_${year}-${month}`\n}\n\nexport const getSummariesOfYear = async (\n\tyear: number\n): Promise<Balance[] | undefined> => {\n\tif (auth?.currentUser?.uid) {\n\t\tconst q = query(\n\t\t\tbalanceCol,\n\t\t\twhere('UserId', '==', auth.currentUser.uid),\n\t\t\twhere('Year', '==', year),\n\t\t\twhere('isDeleted', '==', false)\n\t\t)\n\t\tconst snapshot = await getDocs(q)\n\t\tconst list = snapshot.docs.map(doc => {\n\t\t\tconst data = doc.data()\n\t\t\tdata.Id = doc.id\n\t\t\tdoc.ref\n\t\t\treturn data\n\t\t})\n\t\treturn list\n\t}\n}\n\nexport const getSummaryOfMonth = async (\n\tyear: number,\n\tmonth: number\n): Promise<Balance[] | undefined> => {\n\tif (auth?.currentUser?.uid) {\n\t\tconst q = query(\n\t\t\tbalanceCol,\n\t\t\twhere('UserId', '==', auth.currentUser.uid),\n\t\t\twhere('Year', '==', year),\n\t\t\twhere('Month', '==', month),\n\t\t\twhere('isDeleted', '==', false)\n\t\t)\n\t\tconst snapshot = await getDocs(q)\n\t\tconst list = snapshot.docs.map(doc => {\n\t\t\tconst data = doc.data()\n\t\t\tdata.Id = doc.id\n\t\t\tdoc.ref\n\t\t\treturn data\n\t\t})\n\t\treturn list\n\t}\n}\n\nexport const getItemsOfMonth = async (\n\tyear: number,\n\tmonth: number\n): Promise<BalanceItem[] | undefined> => {\n\tif (auth?.currentUser?.uid) {\n\t\tconst itemsRef = createSubCollectionFromDocId<BalanceItem>(\n\t\t\tbalanceCol,\n\t\t\tcreateDocId(auth.currentUser.uid, year, month),\n\t\t\t'Item'\n\t\t)\n\t\tconst q = query(itemsRef, where('isDeleted', '==', false))\n\t\tconst snapshot = await getDocs(q)\n\t\tconst list = snapshot.docs.map(doc => {\n\t\t\tconst data = doc.data()\n\t\t\tdata.Id = doc.id\n\t\t\treturn data\n\t\t})\n\t\treturn list\n\t}\n}\n\n/** Checks if a document for a given year and month already exists */\nexport const checkIfDocumentExists = async (\n\tyear: number,\n\tmonth: number\n): Promise<boolean> => {\n\tconst parentDoc = doc(\n\t\tbalanceCol,\n\t\tcreateDocId(auth!.currentUser!.uid, year, month)\n\t)\n\tconst docToCheck = await getDoc(parentDoc)\n\tconst data = docToCheck.data()\n\treturn !!data\n}\n\nexport const isExpenditure = (type: BalanceType) => {\n\tswitch (type) {\n\t\tcase BalanceType.ELECTRICITY:\n\t\tcase BalanceType.WATER:\n\t\tcase BalanceType.GAS:\n\t\tcase BalanceType.INTERNET:\n\t\tcase BalanceType.PHONE:\n\t\tcase BalanceType.RENT:\n\t\tcase BalanceType.CREDIT:\n\t\tcase BalanceType.MARKET:\n\t\tcase BalanceType.EXPENDITURE:\n\t\t\treturn true\n\t\tcase BalanceType.SALARY:\n\t\tcase BalanceType.INCOME:\n\t\t\treturn false\n\n\t\tdefault:\n\t\t\treturn true\n\t}\n}\n\n/** Updates the saved item's parent collection's summary values */\nexport const saveParentItem = async (\n\titem: BalanceItem,\n\tyear: number,\n\tmonth: number,\n\toriginalItem?: BalanceItem\n) => {\n\tconst parentDocRef = doc(\n\t\tbalanceCol,\n\t\tcreateDocId(auth!.currentUser!.uid, year, month)\n\t)\n\tconst parentDocSnapshot = await getDoc(parentDocRef)\n\tconst parentDoc = parentDocSnapshot.data()\n\n\tif (item.isDeleted) {\n\t\t// If deleting the item, decrement TotalExpenditure/TotalIncome accordingly\n\t\tif (isExpenditure(item.Type)) {\n\t\t\tparentDoc!.TotalExpenditure -= item.Amount\n\t\t} else {\n\t\t\tparentDoc!.TotalIncome -= item.Amount\n\t\t}\n\t} else {\n\t\t// If adding/updating the item, increment TotalExpenditure/TotalIncome accordingly\n\t\tlet shift = item.Amount\n\t\tif (originalItem) {\n\t\t\t// If updating an existing item, shift the TotalExpenditure/TotalIncome depending on diff between new and old values\n\t\t\tshift -= originalItem.Amount\n\t\t}\n\t\tif (isExpenditure(item.Type)) {\n\t\t\tparentDoc!.TotalExpenditure += shift\n\t\t} else {\n\t\t\tparentDoc!.TotalIncome += shift\n\t\t}\n\t}\n\tawait setDoc(parentDocRef, parentDoc)\n}\n\n/** Checks if there is an existing document for the given year-month\n * If it exists, adds the balance item into the document's 'Item' collection\n * Otherwise, creates a new 'Item' collection and saves the balance item in it\n * Then updates the summary object depending on BalanceItem's Type\n */\nexport const saveItem = async (\n\titem: BalanceItem,\n\tyear: number,\n\tmonth: number,\n\toriginalItem?: BalanceItem\n): Promise<BalanceItem | undefined> => {\n\tif (!auth?.currentUser?.uid) {\n\t\treturn\n\t}\n\n\tconst parentDocumentExists = await checkIfDocumentExists(year, month)\n\tif (!item.Id && !parentDocumentExists) {\n\t\t// If the parent document doesn't exist yet, we create the parent document with default values\n\t\tconst newDocRef = doc(\n\t\t\tbalanceCol,\n\t\t\tcreateDocId(auth.currentUser.uid, year, month)\n\t\t)\n\t\tconst newDoc: Balance = {\n\t\t\tUserId: auth.currentUser.uid,\n\t\t\tYear: year,\n\t\t\tMonth: month,\n\t\t\tTotalIncome: 0,\n\t\t\tTotalExpenditure: 0,\n\t\t\tisDeleted: false\n\t\t}\n\t\tawait setDoc(newDocRef, newDoc)\n\t}\n\n\t// Save the item\n\tconst itemsRef = createSubCollectionFromDocId<BalanceItem>(\n\t\tbalanceCol,\n\t\tcreateDocId(auth.currentUser.uid, year, month),\n\t\t'Item'\n\t)\n\n\tlet itemRef: DocumentReference<BalanceItem>\n\tif (item.Id) {\n\t\titemRef = doc(itemsRef, item.Id)\n\t\tawait setDoc(itemRef, item)\n\t} else {\n\t\titemRef = await addDoc(itemsRef, item)\n\t}\n\n\tsaveParentItem(item, year, month, originalItem)\n\n\tconst docSnapshot = await getDoc(itemRef)\n\tconst docData = docSnapshot.data()\n\tdocData!.Id = itemRef.id\n\treturn docData\n}\n\nexport const deleteItem = async (\n\titem: BalanceItem,\n\tyear: number,\n\tmonth: number\n): Promise<BalanceItem | undefined> => {\n\tif (auth?.currentUser?.uid) {\n\t\tconst itemsRef = createSubCollectionFromDocId<BalanceItem>(\n\t\t\tbalanceCol,\n\t\t\tcreateDocId(auth.currentUser.uid, year, month),\n\t\t\t'Item'\n\t\t)\n\t\tconst itemRef = doc(itemsRef, item.Id)\n\t\titem.isDeleted = true\n\t\tawait setDoc(itemRef, item)\n\n\t\tsaveParentItem(item, year, month)\n\n\t\tconst docSnapshot = await getDoc(itemRef)\n\t\tconst docData = docSnapshot.data()\n\t\tdocData!.Id = itemRef.id\n\t\tif (docData?.isDeleted) {\n\t\t\treturn docData\n\t\t}\n\t}\n}\n","import type { Balance, BalanceItem } from '@/functions/firebase_types'\nimport { defineStore } from 'pinia'\nimport { Timestamp } from 'firebase/firestore'\nimport { BalanceType } from '@/static/enums'\nimport {\n\tgetSummariesOfYear,\n\tgetItemsOfMonth,\n\tisExpenditure,\n\tsaveItem,\n\tdeleteItem\n} from '@/functions/firebase_balance'\n\ninterface State {\n\tselectedYear: number\n\tselectedMonth: number\n\tsummariesOfYear: Balance[]\n\titemsOfMonth: BalanceItem[]\n\teditedItem?: BalanceItem\n\tisExpenditure: boolean\n}\n\nconst monthNames = [\n\t'January',\n\t'February',\n\t'March',\n\t'April',\n\t'May',\n\t'June',\n\t'July',\n\t'August',\n\t'September',\n\t'October',\n\t'November',\n\t'December'\n]\nexport const useBalanceStore = defineStore('balance', {\n\tstate: (): State => ({\n\t\tselectedYear: new Date().getFullYear(),\n\t\tselectedMonth: new Date().getMonth() + 1,\n\t\tsummariesOfYear: [],\n\t\titemsOfMonth: [],\n\t\teditedItem: undefined,\n\t\tisExpenditure: false\n\t}),\n\tgetters: {\n\t\tgetSortedItems: state => {\n\t\t\treturn state.itemsOfMonth.sort((a, b) => {\n\t\t\t\tif (isExpenditure(a.Type) && !isExpenditure(b.Type)) return 1\n\t\t\t\tif (!isExpenditure(a.Type) && isExpenditure(b.Type)) return -1\n\t\t\t\treturn b.Amount - a.Amount\n\t\t\t})\n\t\t},\n\t\tgetSummary: state => (month: number) => {\n\t\t\treturn state.summariesOfYear.find(\n\t\t\t\tf => f.Year === state.selectedYear && f.Month === month\n\t\t\t)\n\t\t},\n\t\tgetMonthName: () => (month: number) => {\n\t\t\treturn monthNames[month - 1]\n\t\t},\n\t\tgetTypeName: () => (type: BalanceType) => {\n\t\t\tswitch (type) {\n\t\t\t\tcase BalanceType.ELECTRICITY:\n\t\t\t\t\treturn 'Electricity'\n\t\t\t\tcase BalanceType.WATER:\n\t\t\t\t\treturn 'Water'\n\t\t\t\tcase BalanceType.GAS:\n\t\t\t\t\treturn 'Gas'\n\t\t\t\tcase BalanceType.INTERNET:\n\t\t\t\t\treturn 'Internet'\n\t\t\t\tcase BalanceType.PHONE:\n\t\t\t\t\treturn 'Phone'\n\t\t\t\tcase BalanceType.RENT:\n\t\t\t\t\treturn 'Rent'\n\t\t\t\tcase BalanceType.CREDIT:\n\t\t\t\t\treturn 'Credit Card'\n\t\t\t\tcase BalanceType.MARKET:\n\t\t\t\t\treturn 'Market'\n\t\t\t\tcase BalanceType.EXPENDITURE:\n\t\t\t\t\treturn 'Other Expense'\n\t\t\t\tcase BalanceType.SALARY:\n\t\t\t\t\treturn 'Salary'\n\t\t\t\tcase BalanceType.INCOME:\n\t\t\t\t\treturn 'Other Income'\n\t\t\t\tdefault:\n\t\t\t\t\treturn 'Other'\n\t\t\t}\n\t\t}\n\t},\n\tactions: {\n\t\tasync getSummariesOfYear() {\n\t\t\tconst summariesOfYear = await getSummariesOfYear(this.selectedYear)\n\t\t\tthis.summariesOfYear = summariesOfYear ?? []\n\t\t},\n\t\tasync getItemsOfMonth(year: number, month: number) {\n\t\t\tconst itemsOfMonth = await getItemsOfMonth(year, month)\n\t\t\tthis.itemsOfMonth = itemsOfMonth ?? []\n\t\t},\n\t\tcreateNewItem(isExpenditure: boolean) {\n\t\t\tthis.isExpenditure = isExpenditure\n\t\t\tconst currentTimestamp = Timestamp.fromDate(new Date())\n\t\t\tthis.editedItem = {\n\t\t\t\tType: isExpenditure\n\t\t\t\t\t? BalanceType.ELECTRICITY\n\t\t\t\t\t: BalanceType.SALARY,\n\t\t\t\tCustomName: isExpenditure\n\t\t\t\t\t? this.getTypeName(BalanceType.ELECTRICITY)\n\t\t\t\t\t: this.getTypeName(BalanceType.SALARY),\n\t\t\t\tAmount: 0,\n\t\t\t\tNote: '',\n\t\t\t\tOrder: 1,\n\t\t\t\tCreateDate: currentTimestamp,\n\t\t\t\tUpdateDate: currentTimestamp,\n\t\t\t\tisDeleted: false\n\t\t\t}\n\t\t},\n\t\teditItem(item: BalanceItem) {\n\t\t\tthis.isExpenditure = isExpenditure(item.Type)\n\t\t\tthis.editedItem = { ...item }\n\t\t},\n\t\tasync saveItem(year: number, month: number) {\n\t\t\tconst initialId = this?.editedItem?.Id\n\t\t\tconst originalItem = this.itemsOfMonth.find(f => f.Id === initialId)\n\t\t\tconst item = await saveItem(\n\t\t\t\tthis.editedItem!,\n\t\t\t\tyear,\n\t\t\t\tmonth,\n\t\t\t\toriginalItem\n\t\t\t)\n\t\t\tif (item) {\n\t\t\t\tif (initialId) {\n\t\t\t\t\tlet itemIndex = this.itemsOfMonth.findIndex(\n\t\t\t\t\t\tf => f.Id === initialId\n\t\t\t\t\t)\n\t\t\t\t\tthis.itemsOfMonth.splice(itemIndex, 1, item)\n\t\t\t\t} else {\n\t\t\t\t\tthis.itemsOfMonth.push(item)\n\t\t\t\t}\n\t\t\t\tthis.clearEditedItem()\n\t\t\t}\n\t\t},\n\t\tclearEditedItem() {\n\t\t\tthis.editedItem = undefined\n\t\t},\n\t\tasync deleteBalanceItem(\n\t\t\titem: BalanceItem,\n\t\t\tyear: number,\n\t\t\tmonth: number\n\t\t) {\n\t\t\titem.isDeleted = false\n\t\t\tconst deletedItem = await deleteItem(item, year, month)\n\t\t\tif (deletedItem) {\n\t\t\t\tthis.itemsOfMonth = this.itemsOfMonth.filter(\n\t\t\t\t\tf => f.Id !== item.Id\n\t\t\t\t)\n\t\t\t}\n\t\t\tthis.clearEditedItem()\n\t\t}\n\t}\n})\n","<template>\n\t<div class=\"flex justify-center items-center gap-4\">\n\t\t<div class=\"flex items-center gap-4\">\n\t\t\t<button\n\t\t\t\ttitle=\"Go to previous year\"\n\t\t\t\taria-label=\"Previous year\"\n\t\t\t\t@click=\"changeYear(-1)\"\n\t\t\t>\n\t\t\t\t<ChevronLeftIcon class=\"w-8 h-8\" />\n\t\t\t</button>\n\t\t\t<div class=\"font-semibold text-2xl\">\n\t\t\t\t{{ selectedYear }}\n\t\t\t</div>\n\t\t\t<button\n\t\t\t\ttitle=\"Go to next year\"\n\t\t\t\taria-label=\"Next year\"\n\t\t\t\t@click=\"changeYear(1)\"\n\t\t\t>\n\t\t\t\t<ChevronRightIcon class=\"w-8 h-8\" />\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useBalanceStore } from '@/store/balance'\nimport { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/vue/outline'\n\nconst store = useBalanceStore()\nconst { selectedYear } = storeToRefs(store)\nconst { getSummariesOfYear } = store\n\nconst changeYear = (increment: number) => {\n\tselectedYear.value = selectedYear.value + increment\n\tgetSummariesOfYear()\n}\n</script>\n","<template>\n\t<router-link\n\t\t:to=\"monthLink\"\n\t\tclass=\"flex-box max-w-sm h-48 p-2 border-2 border-dark dark:border-light rounded\"\n\t>\n\t\t<div\n\t\t\tclass=\"w-full pt-1 pb-3 text-center text-xl font-semibold border-b-2 border-dark dark:border-light\"\n\t\t\t:class=\"{\n\t\t\t\t'text-light-accent dark:text-dark-accent': isCurrentMonth\n\t\t\t}\"\n\t\t>\n\t\t\t{{ getMonthName(props.month) }}\n\t\t</div>\n\t\t<ul class=\"flex flex-col mt-2 p-4\">\n\t\t\t<li class=\"flex justify-between\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"text-emerald-700 dark:text-emerald-500 transition-default\"\n\t\t\t\t>\n\t\t\t\t\tIncome\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"w-24 text-right text-emerald-700 dark:text-emerald-500 transition-default\"\n\t\t\t\t>\n\t\t\t\t\t{{ summary.TotalIncome.toFixed(2) }}\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t\t<li\n\t\t\t\tclass=\"flex justify-between pb-3 border-b border-dark dark:border-light\"\n\t\t\t>\n\t\t\t\t<div class=\"text-red-700 dark:text-red-500 transition-default\">\n\t\t\t\t\tExpenditure\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"w-24 text-right text-red-700 dark:text-red-500 transition-default\"\n\t\t\t\t>\n\t\t\t\t\t{{ summary.TotalExpenditure.toFixed(2) }}\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t\t<li class=\"flex justify-between mt-3\">\n\t\t\t\t<div class=\"font-semibold\">Balance</div>\n\t\t\t\t<div class=\"font-semibold\">{{ summaryBalance.toFixed(2) }}</div>\n\t\t\t</li>\n\t\t</ul>\n\t</router-link>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useBalanceStore } from '@/store/balance'\nimport { Balance } from '@/functions/firebase_types'\nimport { auth } from '@/functions/firebase_setup'\n\nconst props = defineProps({\n\tmonth: {\n\t\ttype: Number,\n\t\trequired: true\n\t}\n})\n\nconst store = useBalanceStore()\nconst { getMonthName, getSummary } = store\nconst { selectedYear } = storeToRefs(store)\nconst monthLink = computed(\n\t() => `/balance/${selectedYear.value}/${props.month}`\n)\nconst isCurrentMonth = computed(() => {\n\tconst currentDate = new Date()\n\treturn currentDate.getMonth() + 1 === props.month\n})\nconst summary = computed(() => {\n\tconst summ = getSummary(props.month)\n\tif (summ) {\n\t\treturn summ\n\t}\n\tconst defaultBalance: Balance = {\n\t\tUserId: auth!.currentUser!.uid,\n\t\tYear: selectedYear.value,\n\t\tMonth: props.month,\n\t\tTotalExpenditure: 0,\n\t\tTotalIncome: 0,\n\t\tisDeleted: false\n\t}\n\treturn defaultBalance\n})\nconst summaryBalance = computed(() => {\n\treturn summary.value.TotalIncome - summary.value.TotalExpenditure\n})\n</script>\n\n<style>\n.flex-box {\n\tflex: 1 1 100%;\n}\n</style>\n","<template>\n\t<AuthorizedContent class=\"pb-24\" @authorized=\"getSummariesOfYear\">\n\t\t<h1 class=\"text-3xl sm:text-5xl text-center my-4\">\n\t\t\t💵 Keep track of your income and expenditures 💵\n\t\t</h1>\n\t\t<YearSelection />\n\t\t<div class=\"flex justify-center flex-wrap gap-12 mt-12 px-24\">\n\t\t\t<MonthBox v-for=\"month in 12\" :key=\"month\" :month=\"month\" />\n\t\t</div>\n\t</AuthorizedContent>\n</template>\n\n<script setup lang=\"ts\">\nimport { useBalanceStore } from '@/store/balance'\n\nimport AuthorizedContent from '@/components/layout/AuthorizedContent.vue'\nimport YearSelection from '@/components/Balance/Year/YearSelection.vue'\nimport MonthBox from '@/components/Balance/Year/MonthBox.vue'\n\nconst store = useBalanceStore()\nconst { getSummariesOfYear } = store\n</script>\n","<template>\n\t<div\n\t\tclass=\"flex justify-center items-center w-8 h-8 min-w-8 min-h-8 p-1 rounded-sm transition-default\"\n\t\t:class=\"bgColor\"\n\t\t:title=\"getTypeName(type)\"\n\t>\n\t\t<component :is=\"iconComponent\" />\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport { computed } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useBalanceStore } from '@/store/balance'\nimport { BalanceType } from '@/static/enums'\nimport ElectricitySVG from '@/components/SVG/Balance/Electricity.vue'\nimport WaterSVG from '@/components/SVG/Balance/Water.vue'\nimport GasSVG from '@/components/SVG/Balance/Gas.vue'\nimport InternetSVG from '@/components/SVG/Balance/Internet.vue'\nimport PhoneSVG from '@/components/SVG/Balance/Phone.vue'\nimport RentSVG from '@/components/SVG/Balance/Rent.vue'\nimport CreditSVG from '@/components/SVG/Balance/Credit.vue'\nimport MarketSVG from '@/components/SVG/Balance/Market.vue'\nimport ExpenditureSVG from '@/components/SVG/Balance/Expenditure.vue'\nimport SalarySVG from '@/components/SVG/Balance/Salary.vue'\nimport IncomeSVG from '@/components/SVG/Balance/Income.vue'\nimport OtherSVG from '@/components/SVG/Balance/Other.vue'\n\nconst props = defineProps({\n\ttype: {\n\t\ttype: Object as PropType<BalanceType>,\n\t\trequired: true\n\t}\n})\n\nconst store = useBalanceStore()\nconst { getTypeName } = storeToRefs(store)\n\nconst bgColor = computed(() => {\n\tswitch (props.type) {\n\t\tcase BalanceType.ELECTRICITY:\n\t\t\treturn 'bg-amber-500'\n\t\tcase BalanceType.WATER:\n\t\t\treturn 'bg-blue-600'\n\t\tcase BalanceType.GAS:\n\t\t\treturn 'bg-violet-500'\n\t\tcase BalanceType.INTERNET:\n\t\t\treturn 'bg-cyan-600'\n\t\tcase BalanceType.PHONE:\n\t\t\treturn 'bg-sky-600'\n\t\tcase BalanceType.RENT:\n\t\t\treturn 'bg-fuchsia-600'\n\t\tcase BalanceType.CREDIT:\n\t\t\treturn 'bg-rose-500'\n\t\tcase BalanceType.MARKET:\n\t\t\treturn 'bg-teal-500'\n\t\tcase BalanceType.EXPENDITURE:\n\t\t\treturn 'bg-red-600'\n\t\tcase BalanceType.SALARY:\n\t\t\treturn 'bg-green-600'\n\t\tcase BalanceType.INCOME:\n\t\t\treturn 'bg-emerald-700'\n\t\tdefault:\n\t\t\treturn 'bg-gray-500'\n\t}\n})\nconst iconComponent = computed(() => {\n\tswitch (props.type) {\n\t\tcase BalanceType.ELECTRICITY:\n\t\t\treturn ElectricitySVG\n\t\tcase BalanceType.WATER:\n\t\t\treturn WaterSVG\n\t\tcase BalanceType.GAS:\n\t\t\treturn GasSVG\n\t\tcase BalanceType.INTERNET:\n\t\t\treturn InternetSVG\n\t\tcase BalanceType.PHONE:\n\t\t\treturn PhoneSVG\n\t\tcase BalanceType.RENT:\n\t\t\treturn RentSVG\n\t\tcase BalanceType.CREDIT:\n\t\t\treturn CreditSVG\n\t\tcase BalanceType.MARKET:\n\t\t\treturn MarketSVG\n\t\tcase BalanceType.EXPENDITURE:\n\t\t\treturn ExpenditureSVG\n\t\tcase BalanceType.SALARY:\n\t\t\treturn SalarySVG\n\t\tcase BalanceType.INCOME:\n\t\t\treturn IncomeSVG\n\t\tdefault:\n\t\t\treturn OtherSVG\n\t}\n})\n</script>\n","<template>\n\t<Modal>\n\t\t<div\n\t\t\tclass=\"mx-auto font-bold text-4xl text-light-accent dark:text-dark-accent\"\n\t\t>\n\t\t\tWarning!\n\t\t</div>\n\t\t<span class=\"mt-8 text-center\"\n\t\t\t>Are you sure you want to delete this item?</span\n\t\t>\n\t\t<template #buttons>\n\t\t\t<button\n\t\t\t\tclass=\"group btn btn-primary gap-1 font-medium\"\n\t\t\t\t@click=\"closeModal\"\n\t\t\t>\n\t\t\t\t<XIcon\n\t\t\t\t\tclass=\"w-6 h-6 group-hover:stroke-light dark:group-hover:stroke-dark transition-hover\"\n\t\t\t\t/>\n\t\t\t\tCLOSE\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\tclass=\"btn gap-1 font-medium text-red-500 border border-red-500 bg-light\"\n\t\t\t\t@click=\"deleteItem\"\n\t\t\t>\n\t\t\t\t<TrashIcon class=\"w-6 h-6 stroke-red-500\" />\n\t\t\t\tDELETE\n\t\t\t</button>\n\t\t</template>\n\t</Modal>\n</template>\n\n<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { BalanceItem } from '@/functions/firebase_types'\nimport { storeToRefs } from 'pinia'\nimport { useBalanceStore } from '@/store/balance'\nimport Modal from '@/components/Modal.vue'\nimport { XIcon, TrashIcon } from '@heroicons/vue/outline'\n\nconst props = defineProps({\n\titem: {\n\t\ttype: Object as PropType<BalanceItem>,\n\t\trequired: true\n\t}\n})\n\nconst store = useBalanceStore()\nconst { deleteBalanceItem } = store\nconst { selectedYear, selectedMonth } = storeToRefs(store)\n\nconst emit = defineEmits(['close'])\nconst closeModal = () => {\n\temit('close')\n}\nconst deleteItem = () => {\n\tdeleteBalanceItem(\n\t\t{ ...props.item },\n\t\tselectedYear.value,\n\t\tselectedMonth.value\n\t)\n}\n</script>\n","<template>\n\t<ul\n\t\tclass=\"absolute top-full right-0 flex flex-col w-32 bg-indigo-100 dark:bg-gray-500 border-2 border-indigo-300 dark:border-gray-400 rounded shadow-theme transition-default transform overflow-hidden z-10\"\n\t\t:class=\"{\n\t\t\t'translate-y-0': showOptions,\n\t\t\t'translate-y-6 opacity-0 z-hide': !showOptions\n\t\t}\"\n\t\trole=\"menu\"\n\t\t:aria-hidden=\"showOptions === false\"\n\t>\n\t\t<li>\n\t\t\t<button class=\"btn-option\" @click=\"edit\">\n\t\t\t\t<PencilAltIcon class=\"w-6 h-6\" />\n\t\t\t\t<span>Edit</span>\n\t\t\t</button>\n\t\t</li>\n\t\t<li>\n\t\t\t<button class=\"btn-option\" @click=\"deleteItem\">\n\t\t\t\t<TrashIcon class=\"w-6 h-6\" />\n\t\t\t\t<span>Delete</span>\n\t\t\t</button>\n\t\t</li>\n\t</ul>\n\t<teleport to=\"body\">\n\t\t<transition name=\"fade\">\n\t\t\t<DeleteModal\n\t\t\t\tv-if=\"showModal\"\n\t\t\t\t:item=\"item\"\n\t\t\t\t@close=\"showModal = false\"\n\t\t\t/>\n\t\t</transition>\n\t</teleport>\n</template>\n\n<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { BalanceItem } from '@/functions/firebase_types'\nimport { ref } from 'vue'\nimport { useBalanceStore } from '@/store/balance'\nimport { PencilAltIcon, TrashIcon } from '@heroicons/vue/outline'\nimport DeleteModal from '../DeleteModal.vue'\n\nconst props = defineProps({\n\tshowOptions: {\n\t\ttype: Boolean,\n\t\trequired: true\n\t},\n\titem: {\n\t\ttype: Object as PropType<BalanceItem>,\n\t\trequired: true\n\t}\n})\nconst emit = defineEmits(['close'])\n\nconst store = useBalanceStore()\nconst { editItem } = store\n\nconst edit = () => {\n\teditItem(props.item)\n\temit('close')\n}\n\nconst showModal = ref(false)\nconst deleteItem = () => {\n\tshowModal.value = true\n\temit('close')\n}\n</script>\n\n<style scoped>\n.z-hide {\n\tz-index: -1;\n}\n.btn-option {\n\t@apply flex items-center gap-4 w-full p-2 font-medium hover:bg-indigo-200 dark:hover:bg-gray-600;\n}\n</style>\n","<template>\n\t<tr>\n\t\t<td class=\"flex justify-center py-4\">\n\t\t\t<TypeIcon :type=\"item.Type\" />\n\t\t</td>\n\t\t<td>\n\t\t\t{{ item.CustomName }}\n\t\t</td>\n\t\t<td\n\t\t\tclass=\"text-right\"\n\t\t\t:class=\"{\n\t\t\t\t'text-red-700 dark:text-red-500': isExpenditure(item.Type),\n\t\t\t\t'text-emerald-700 dark:text-emerald-500': !isExpenditure(\n\t\t\t\t\titem.Type\n\t\t\t\t)\n\t\t\t}\"\n\t\t>\n\t\t\t<template v-if=\"isExpenditure(item.Type)\">-</template>\n\t\t\t{{ item.Amount }}\n\t\t</td>\n\t\t<td class=\"relative flex justify-center\">\n\t\t\t<button\n\t\t\t\taria-label=\"Show options\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'opacity-100': showOptions,\n\t\t\t\t\t'opacity-75 hover:opacity-100': !showOptions\n\t\t\t\t}\"\n\t\t\t\t@click=\"showOptions = !showOptions\"\n\t\t\t>\n\t\t\t\t<DotsHorizontalIcon\n\t\t\t\t\tclass=\"w-6 h-6 hover:stroke-light-accent dark:hover:stroke-dark-accent\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'stroke-light-accent dark:stroke-dark-accent':\n\t\t\t\t\t\t\tshowOptions\n\t\t\t\t\t}\"\n\t\t\t\t/>\n\t\t\t</button>\n\t\t\t<ItemMenu\n\t\t\t\t:item=\"item\"\n\t\t\t\t:show-options=\"showOptions\"\n\t\t\t\t@close=\"showOptions = false\"\n\t\t\t/>\n\t\t</td>\n\t</tr>\n</template>\n\n<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { BalanceItem } from '@/functions/firebase_types'\nimport { ref } from 'vue'\nimport { isExpenditure } from '@/functions/firebase_balance'\nimport { DotsHorizontalIcon } from '@heroicons/vue/outline'\nimport TypeIcon from '../TypeIcon.vue'\nimport ItemMenu from './ItemMenu.vue'\n\nconst props = defineProps({\n\titem: {\n\t\ttype: Object as PropType<BalanceItem>,\n\t\trequired: true\n\t}\n})\n\nconst showOptions = ref(false)\n</script>\n","<template>\n\t<div\n\t\tclass=\"flex gap-4 items-center pb-3 overflow-x-auto pageScrollbar\"\n\t\t:class=\"{ 'mx-auto': !isExpenditure }\"\n\t>\n\t\t<div\n\t\t\tv-for=\"itemType in typeList\"\n\t\t\t:key=\"itemType\"\n\t\t\tclass=\"pb-2 border-b-2\"\n\t\t\t:class=\"{ 'border-light-accent dark:border-dark-accent': itemType === editedItem!.Type }\"\n\t\t>\n\t\t\t<TypeIcon\n\t\t\t\t:type=\"itemType\"\n\t\t\t\tclass=\"cursor-pointer\"\n\t\t\t\t@click=\"selectType(itemType)\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useBalanceStore } from '@/store/balance'\nimport { BalanceType } from '@/static/enums'\nimport TypeIcon from '../TypeIcon.vue'\n\nconst store = useBalanceStore()\nconst { getTypeName } = store\nconst { isExpenditure, editedItem } = storeToRefs(store)\nconst typeList = computed(() => {\n\treturn isExpenditure.value\n\t\t? [\n\t\t\t\tBalanceType.ELECTRICITY,\n\t\t\t\tBalanceType.WATER,\n\t\t\t\tBalanceType.GAS,\n\t\t\t\tBalanceType.INTERNET,\n\t\t\t\tBalanceType.PHONE,\n\t\t\t\tBalanceType.RENT,\n\t\t\t\tBalanceType.CREDIT,\n\t\t\t\tBalanceType.MARKET,\n\t\t\t\tBalanceType.EXPENDITURE\n\t\t  ]\n\t\t: [BalanceType.SALARY, BalanceType.INCOME]\n})\nconst selectType = (itemType: BalanceType) => {\n\teditedItem!.value!.Type = itemType\n\teditedItem!.value!.CustomName = getTypeName(itemType)\n}\n</script>\n","<template>\n\t<Modal>\n\t\t<ItemTypeSelection />\n\t\t<div class=\"flex flex-col my-4\">\n\t\t\t<label class=\"input-label\" for=\"name\"> Name </label>\n\t\t\t<input\n\t\t\t\tv-model=\"editedItem!.CustomName\"\n\t\t\t\tid=\"name\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"input-text text-dark\"\n\t\t\t/>\n\t\t</div>\n\t\t<div class=\"flex flex-col my-4\">\n\t\t\t<label class=\"input-label\" for=\"amount\"> Amount </label>\n\t\t\t<input\n\t\t\t\tv-model=\"editedItem!.Amount\"\n\t\t\t\tid=\"amount\"\n\t\t\t\ttype=\"number\"\n\t\t\t\tclass=\"input-text text-dark\"\n\t\t\t/>\n\t\t</div>\n\t\t<div class=\"flex flex-col my-4\">\n\t\t\t<label class=\"input-label\" for=\"note\"> Note </label>\n\t\t\t<input\n\t\t\t\tv-model=\"editedItem!.Note\"\n\t\t\t\tid=\"note\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"input-text text-dark\"\n\t\t\t/>\n\t\t</div>\n\t\t<template #buttons>\n\t\t\t<button\n\t\t\t\tclass=\"group btn btn-primary gap-1 font-medium\"\n\t\t\t\t@click=\"clearEditedItem\"\n\t\t\t>\n\t\t\t\t<XIcon\n\t\t\t\t\tclass=\"w-6 h-6 group-hover:stroke-light dark:group-hover:stroke-dark transition-hover\"\n\t\t\t\t/>\n\t\t\t\tCLOSE\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\tclass=\"group btn btn-accent gap-1 font-medium\"\n\t\t\t\t@click=\"saveItem(selectedYear, selectedMonth)\"\n\t\t\t>\n\t\t\t\t<SaveIcon\n\t\t\t\t\tclass=\"w-6 h-6 stroke-light-accent dark:stroke-dark-accent group-hover:stroke-dark-accent dark:group-hover:stroke-light-accent\"\n\t\t\t\t/>\n\t\t\t\tSAVE\n\t\t\t</button>\n\t\t</template>\n\t</Modal>\n</template>\n\n<script setup lang=\"ts\">\nimport { useBalanceStore } from '@/store/balance'\nimport { storeToRefs } from 'pinia'\nimport { XIcon, SaveIcon } from '@heroicons/vue/outline'\nimport ItemTypeSelection from './Month/ItemTypeSelection.vue'\nimport Modal from '@/components/Modal.vue'\n\nconst store = useBalanceStore()\nconst { clearEditedItem, saveItem } = store\nconst { selectedYear, selectedMonth, editedItem } = storeToRefs(store)\n</script>\n","<template>\n\t<div class=\"flex justify-center gap-4 my-8\">\n\t\t<button\n\t\t\tclass=\"btn btn-primary text-red-700 hover:text-red-500 dark:text-red-500 dark:hover:text-red-700\"\n\t\t\t@click=\"addItem(true)\"\n\t\t>\n\t\t\tAdd new expense\n\t\t</button>\n\t\t<button\n\t\t\tclass=\"btn btn-primary text-emerald-700 hover:text-emerald-500 dark:text-emerald-500 dark:hover:text-emerald-700\"\n\t\t\t@click=\"addItem(false)\"\n\t\t>\n\t\t\tAdd new income\n\t\t</button>\n\t</div>\n\t<teleport to=\"body\">\n\t\t<transition name=\"fade\">\n\t\t\t<ItemModal v-if=\"editedItem\" />\n\t\t</transition>\n\t</teleport>\n</template>\n\n<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useBalanceStore } from '@/store/balance'\nimport ItemModal from '../ItemModal.vue'\n\nconst store = useBalanceStore()\nconst { createNewItem } = store\nconst { editedItem } = storeToRefs(store)\n\nconst addItem = (isExpenditure: boolean) => {\n\tcreateNewItem(isExpenditure)\n}\n</script>\n\n<style>\n.fade-enter-active,\n.fade-leave-active {\n\ttransition: opacity 0.3s ease-in-out;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n\topacity: 0;\n}\n</style>\n","<template>\n\t<AuthorizedContent @authorized=\"getItems\">\n\t\t<div class=\"flex justify-center my-8 font-semibold text-2xl\">\n\t\t\t{{ monthName }} {{ selectedYear }}\n\t\t</div>\n\t\t<ItemButtons />\n\t\t<ItemTable :items=\"getSortedItems\" />\n\t</AuthorizedContent>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { storeToRefs } from 'pinia'\nimport { useBalanceStore } from '@/store/balance'\nimport AuthorizedContent from '@/components/layout/AuthorizedContent.vue'\nimport ItemTable from '@/components/Balance/Month/ItemTable.vue'\nimport ItemButtons from '@/components/Balance/Month/ItemButtons.vue'\n\nconst router = useRouter()\nconst store = useBalanceStore()\nconst { getMonthName, getItemsOfMonth } = store\nconst { selectedYear, selectedMonth, itemsOfMonth, getSortedItems } =\n\tstoreToRefs(store)\n\nconst monthName = ref('')\nconst getItems = () => {\n\tconst routeParams = router.currentRoute.value.params\n\tconst monthParam = parseInt(<string>routeParams.month)\n\tconst yearParam = parseInt(<string>routeParams.year)\n\n\tselectedYear.value = yearParam\n\tselectedMonth.value = monthParam\n\tmonthName.value = getMonthName(monthParam)\n\n\tgetItemsOfMonth(yearParam, monthParam)\n}\n</script>\n","import type { Router } from 'vue-router'\nimport { createRouter, createWebHistory } from 'vue-router'\nimport MainContent from '../pages/MainContent.vue'\nimport Home from '../pages/Home.vue'\nimport ToDo from '../pages/ToDo.vue'\nimport TicTacToe from '../pages/TicTacToe.vue'\nimport Spotify from '../pages/Spotify.vue'\nimport Balance from '../pages/Balance.vue'\nimport BalanceMonth from '../pages/BalanceMonth.vue'\n\nconst router: Router = createRouter({\n\thistory: createWebHistory(),\n\troutes: [\n\t\t{\n\t\t\tname: 'root',\n\t\t\tpath: '/',\n\t\t\tcomponents: {\n\t\t\t\tmainContent: MainContent\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\tname: 'homepage',\n\t\t\t\t\tpath: '/',\n\t\t\t\t\tcomponents: {\n\t\t\t\t\t\tmain: Home\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'todo',\n\t\t\t\t\tpath: '/todo',\n\t\t\t\t\tcomponents: {\n\t\t\t\t\t\tmain: ToDo\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'tictactoe',\n\t\t\t\t\tpath: '/tictactoe',\n\t\t\t\t\tcomponents: {\n\t\t\t\t\t\tmain: TicTacToe\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'balance',\n\t\t\t\t\tpath: '/balance',\n\t\t\t\t\tcomponents: {\n\t\t\t\t\t\tmain: Balance\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'balance_month',\n\t\t\t\t\tpath: '/balance/:year/:month',\n\t\t\t\t\tcomponents: {\n\t\t\t\t\t\tmain: BalanceMonth\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tname: 'spotify',\n\t\t\tpath: '/spotify',\n\t\t\tcomponents: {\n\t\t\t\tmainContent: Spotify\n\t\t\t}\n\t\t}\n\t]\n})\n\nexport default router\n","import { createApp } from 'vue'\nimport App from './App.vue'\nimport router from './router/index'\nimport './index.css'\nimport { createPinia } from 'pinia'\n\nconst app = createApp(App)\napp.use(router)\napp.use(createPinia())\napp.mount('#app')\n"],"names":["getFirestore","Timestamp","collection","query","where","orderBy","getDocs","doc","setDoc","addDoc","getDoc","firebaseui.auth","ToDo","TicTacToe","Balance","BalanceMonth","Spotify","App"],"mappings":"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"}