{"version":3,"file":"ThemeToggle-1489d3b5.js","sources":["../../../../apps/wizarr-frontend/src/assets/img/wizarr-logo.svg?component","../../../../apps/wizarr-frontend/src/components/WizarrLogo.vue","../../../../apps/wizarr-frontend/src/components/Modals/LanguageModal.vue","../../../../apps/wizarr-frontend/src/components/Buttons/LanguageSelector.vue","../../../../apps/wizarr-frontend/src/components/Buttons/ThemeToggle.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  \"xml:space\": \"preserve\",\n  style: {\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"2\"},\n  viewBox: \"0 0 600 600\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createStaticVNode(\"<path d=\\\"M-.109.909h602.71v599.927H-.109z\\\" style=\\\"fill:#d03143;\\\" transform=\\\"matrix(.9955 0 0 1.00012 .108 -.91)\\\"></path><path d=\\\"M769.023 888.389c-7.251 32.211-29.922 72.289-1.908 135.301a14.626 14.626 0 0 0 12.265 8.67c5.373.42 10.54-2.15 13.45-6.69 3.098-4.91 6.054-8.43 8.546-10.92a3.616 3.616 0 0 1 4.083-.65 3.629 3.629 0 0 1 2.051 3.59c-2.089 24.73 3.576 43.23 10.145 61.54a14.053 14.053 0 0 0 11.417 9.21 14.07 14.07 0 0 0 13.395-5.97c1.995-2.98 3.565-3.9 4.435-4.18.19-.02.383.03.534.15.151.12.249.29.271.48 7.441 62.01 91.057 84.18 123.659 119.7a14.585 14.585 0 0 0 11.908 4.77 14.59 14.59 0 0 0 11.067-6.49c20.679-31.29 63.339-47.88 82.049-106.19a1.94 1.94 0 0 1 1.94-1.36c.88.04 1.62.66 1.82 1.52 1.11 4.56 4.85 8.01 9.49 8.75 4.64.73 9.26-1.39 11.72-5.4 29.28-48.05 45.8-52.45 47.13-130.864a1.95 1.95 0 0 1 3.66-.89 13.008 13.008 0 0 0 24.32-4.86c4.02-35.987-5.7-62.475-13.71-90.014-12.75 3.307-28.29 6.471-41.87 8.371-5.87 75.414-71.74 132.997-150.209 134.267-67.155 1.08-138.258-47.104-149.689-130.083-13.215.389-37.48 3.275-51.969 8.242Z\\\" style=\\\"fill:#fff;\\\" transform=\\\"matrix(-.541 .02976 .02976 .541 795.064 -180.452)\\\"></path><path d=\\\"M650.357 899.289a17.767 17.767 0 0 1-24.833-23.352c25.462-50.117 82.775-108.482 177.059-134.091-10.804 1.113-22.437 2.679-30.56 1.341-2.718-.448-5.43-.873-7.019-3.124a7.507 7.507 0 0 1-.596-7.661c21.482-47.15 37.178-141.237 32.074-213.203-6.141 17.823-11.099 35.222-13.12 42.527a9.87 9.87 0 0 1-4.13 5.678c-8.307 5.091-32.14 17.886-62.021 17.339a17.817 17.817 0 0 1-9.167-32.94c30.55-18.892 54.816-53.691 91.371-88.223 52.61-49.7 131.956 2.982 255.765 205.136a8.3 8.3 0 0 1-2.05 10.944c-37.49 28.157-109.763 41.436-149.638 49.835-.178.038-.175.316-.079.47.095.154.275.15.456.139 33.85-2.1 107.661-5.109 155.931-29.817a34.3 34.3 0 0 1 22.98-2.929c40.19 8.715 93.22 16.065 166.38 8.932a17.812 17.812 0 0 1 17.62 9.779 17.794 17.794 0 0 1-2.79 19.957c-81.51 89.589-184.66 97.31-329.531 97.487-129.083.158-222.927 30.354-284.102 65.776Z\\\" style=\\\"fill:#fff;\\\" transform=\\\"matrix(-.53808 .06348 .06348 .53808 758.054 -193.013)\\\"></path><path d=\\\"M298.517 398.937c8.707 0 16.982-4.307 23.199-.323 7.921 5.076 8.845 5.462 13.527 3.453 11.045-4.74-16.011 28.147-35.813 28.147-19.802 0-50.083-29.24-38.99-24.7 6.963 2.85 7.913-1.578 16.403-6.638 6.064-3.615 13.423.061 21.674.061Z\\\" style=\\\"fill:#fff;\\\" transform=\\\"matrix(1.31398 0 0 1 -93.444 -24.907)\\\"></path><path d=\\\"M269.046 415.361c6.413 0 15.061-5.164 27.992-5.164 12.932 0 20.161 5.178 25.159 5.178-1.013 1.113-7.843 16.552-25.159 16.552-17.315 0-26.877-15.319-27.992-16.566Z\\\" style=\\\"fill:#d03143;\\\" transform=\\\"translate(-15.926 -41.486) scale(1.05697)\\\"></path>\", 5)\nconst _hoisted_7 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_7))\n}\nexport default { render: render }","<template>\n    <Logo :class=\"{ 'rounded-full': rounded, [svgSize]: true }\" :viewBox=\"svgZoom\" />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nimport Logo from \"@/assets/img/wizarr-logo.svg?component\";\n\nexport default defineComponent({\n    name: \"WizarrLogo\",\n    components: {\n        Logo,\n    },\n    props: {\n        size: {\n            type: String as () => \"xxs\" | \"xs\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\",\n            default: \"md\",\n        },\n        rounded: {\n            type: Boolean,\n            default: false,\n        },\n        zoom: {\n            type: Boolean,\n            default: false,\n        },\n    },\n    computed: {\n        svgZoom() {\n            const minX = 55;\n            const minY = 50;\n            const width = 500;\n            const height = 500;\n\n            return `${minX} ${minY} ${width} ${height}`;\n        },\n        svgSize() {\n            switch (this.size) {\n                case \"xxs\":\n                    return \"w-4 h-4\";\n                case \"xs\":\n                    return \"w-6 h-6\";\n                case \"md\":\n                    return \"w-8 h-8\";\n                case \"lg\":\n                    return \"w-12 h-12\";\n                case \"xl\":\n                    return \"w-16 h-16\";\n                case \"2xl\":\n                    return \"w-20 h-20\";\n                case \"3xl\":\n                    return \"w-24 h-24\";\n                default:\n                    return \"w-8 h-8\";\n            }\n        },\n    },\n});\n</script>\n","<template>\n    <div class=\"grid grid-cols-2 gap-2\">\n        <template v-for=\"(_, index) in availableLanguages\" :key=\"language\">\n            <button class=\"py-2 px-3 space-x-3 flex items-center justify-start rounded border border-gray-200 dark:border-gray-700 hover:bg-gray-200 hover:dark:bg-gray-700\" @click=\"languageSelected(index)\" :class=\"language === index ? 'bg-gray-200 dark:bg-gray-700' : ''\">\n                <span :class=\"'fi' + ` fi-${index}`\"></span>\n                <span>{{ availableLanguages[index] }}</span>\n            </button>\n        </template>\n        <button class=\"py-2 px-3 space-x-3 flex items-center justify-start rounded border border-gray-200 dark:border-gray-700 hover:bg-gray-200 hover:dark:bg-gray-700\" @click=\"languageSelected('auto')\" :class=\"language === 'auto' ? 'bg-gray-200 dark:bg-gray-700' : ''\">\n            <i class=\"fa-solid fa-md fa-globe\"></i>\n            <span>{{ __(\"System Default\") }}</span>\n        </button>\n    </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport { mapState, mapActions } from \"pinia\";\nimport { useLanguageStore } from \"@/stores/language\";\n\nexport default defineComponent({\n    name: \"LanguageSelector\",\n    computed: {\n        ...mapState(useLanguageStore, [\"language\", \"availableLanguages\"]),\n    },\n    methods: {\n        languageSelected(index: string | number) {\n            this.setLanguage(String(index));\n            this.$parent!.$emit(\"close\");\n        },\n        ...mapActions(useLanguageStore, [\"setLanguage\"]),\n    },\n});\n</script>\n","<template>\n    <VTooltip>\n        <button class=\"text-gray-500 dark:text-gray-400 focus:outline-none text-sm\" type=\"button\" @click=\"createModal\">\n            <div :class=\"iconClasses\" class=\"flex items-center justify-center rounded hover:bg-gray-200 hover:dark:bg-gray-700\">\n                <i class=\"fa-solid fa-md fa-globe\"></i>\n            </div>\n        </button>\n\n        <template #popper>\n            <span>{{ __(\"Language\") }}</span>\n        </template>\n    </VTooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport LanguageModal from \"@/components/Modals/LanguageModal.vue\";\n\nexport default defineComponent({\n    name: \"LanguageSelector\",\n    components: {\n        LanguageModal,\n    },\n    props: {\n        iconClasses: {\n            type: String,\n            default: \"w-6 h-6\",\n        },\n    },\n    computed: {\n        iconClasses(): string {\n            return this.iconClasses;\n        },\n    },\n    methods: {\n        createModal() {\n            this.$modal.openModal(LanguageModal, {\n                title: this.__(\"Select Language\"),\n                disableFooter: true,\n            });\n        },\n    },\n});\n</script>\n","<template>\n    <VTooltip>\n        <button class=\"text-gray-500 dark:text-gray-400 focus:outline-none text-sm\" type=\"button\" @click=\"toggleTheme\">\n            <div :class=\"iconClasses\" class=\"flex items-center justify-center rounded hover:bg-gray-200 hover:dark:bg-gray-700\">\n                <i v-if=\"theme == DARKMODE\" class=\"fa-solid fa-md fa-cloud-moon\"></i>\n                <i v-if=\"theme == LIGHTMODE\" class=\"fa-solid fa-md fa-sun\"></i>\n                <i v-if=\"theme == SYSTEMMODE\" class=\"fa-solid fa-md fa-desktop\"></i>\n            </div>\n        </button>\n\n        <template #popper>\n            <span>{{ __(\"Change Theme\") }}</span>\n        </template>\n    </VTooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport { mapState, mapActions } from \"pinia\";\nimport { useThemeStore } from \"@/stores/theme\";\nimport { LIGHTMODE, DARKMODE, SYSTEMMODE } from \"@/ts/utils/darkMode\";\n\nexport default defineComponent({\n    name: \"ThemeToggle\",\n    data() {\n        return {\n            LIGHTMODE,\n            DARKMODE,\n            SYSTEMMODE,\n        };\n    },\n    props: {\n        iconClasses: {\n            type: String,\n            default: \"w-6 h-6\",\n        },\n    },\n    computed: {\n        ...mapState(useThemeStore, [\"theme\"]),\n        iconClasses(): string {\n            return this.iconClasses;\n        },\n    },\n    methods: {\n        ...mapActions(useThemeStore, [\"updateTheme\", \"toggleTheme\"]),\n    },\n});\n</script>\n"],"names":["_hoisted_1","_hoisted_2","_createStaticVNode","_hoisted_7","render","_ctx","_cache","_openBlock","_createElementBlock","Logo","_sfc_main$3","defineComponent","_resolveComponent","_createBlock","_component_Logo","_normalizeClass","_sfc_main$2","mapState","useLanguageStore","index","mapActions","$props","$setup","$data","$options","_Fragment","_renderList","_","$event","_createElementVNode","_hoisted_3","_sfc_main$1","LanguageModal","_component_VTooltip","_withCtx","_toDisplayString","args","_sfc_main","LIGHTMODE","DARKMODE","SYSTEMMODE","useThemeStore","_createCommentVNode"],"mappings":"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"}