{"version":3,"file":"main.js","mappings":";;;;;;;;;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;;;;;;ACpEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACPA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;AENA","sources":["webpack://portfolio-website/./src/assets/scripts/themeSelection.js","webpack://portfolio-website/webpack/bootstrap","webpack://portfolio-website/webpack/runtime/compat get default export","webpack://portfolio-website/webpack/runtime/define property getters","webpack://portfolio-website/webpack/runtime/hasOwnProperty shorthand","webpack://portfolio-website/webpack/runtime/make namespace object","webpack://portfolio-website/./src/assets/scripts/index.js","webpack://portfolio-website/./src/assets/styles/index.scss?02c3"],"sourcesContent":["// Get the root element\nvar root = document.querySelector(\":root\");\n\nconst systemSettingDark = window.matchMedia(\"(prefers-color-scheme: dark)\");\nconst localStorageTheme = localStorage.getItem(\"theme\");\n\nfunction calculateSettingAsThemeString({\n  localStorageTheme,\n  systemSettingDark,\n})\n{\n  if (localStorageTheme !== null)\n  {\n    return localStorageTheme;\n  }\n\n  if (systemSettingDark.matches)\n  {\n    return \"dark\";\n  }\n\n  return \"light\";\n}\n\nlet currentThemeSetting = calculateSettingAsThemeString({\n  localStorageTheme,\n  systemSettingDark,\n});\n\nif (currentThemeSetting === \"dark\")\n{\n  root.classList.add(\"dark-mode\");\n}\n\nfunction changeThemeButtonIcon(theme)\n{\n  const icon = document.querySelector(\"[data-theme-toggle] #icon\");\n  if (theme === \"dark\")\n  {\n    icon.classList.add(\"fa-sun\");\n    icon.classList.remove(\"fa-moon\");\n  } else\n  {\n    icon.classList.add(\"fa-moon\");\n    icon.classList.remove(\"fa-sun\");\n  }\n}\n\nfunction toggleTheme(event)\n{\n  const newTheme = currentThemeSetting === \"dark\" ? \"light\" : \"dark\";\n  if (newTheme === \"dark\")\n  {\n    root.classList.add(\"dark-mode\");\n  } else\n  {\n    root.classList.remove(\"dark-mode\");\n  }\n  changeThemeButtonIcon(newTheme);\n  localStorage.setItem(\"theme\", newTheme);\n  currentThemeSetting = newTheme;\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", (event) =>\n{\n  changeThemeButtonIcon(currentThemeSetting);\n  const themeButton = document.querySelector(\"[data-theme-toggle]\");\n  themeButton.addEventListener(\"click\", toggleTheme);\n});\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import \"./themeSelection\";\n","// extracted by mini-css-extract-plugin\nexport {};"],"names":[],"sourceRoot":""}