{"version":3,"file":"AdminNavBar-b0cd2724.js","sources":["../../../../apps/wizarr-frontend/src/components/Buttons/AccountButton.vue","../../../../apps/wizarr-frontend/src/components/Buttons/ViewToggle.vue","../../../../apps/wizarr-frontend/src/components/Buttons/LogoutButton.vue","../../../../apps/wizarr-frontend/src/components/NavBars/AdminNavBar.vue"],"sourcesContent":["<template>\n    <VTooltip>\n        <RouterLink as=\"button\" to=\"/admin/settings/account\" class=\"text-gray-500 dark:text-gray-400 focus:outline-none text-sm\" type=\"button\">\n            <div class=\"w-6 h-6 flex items-center justify-center rounded hover:bg-gray-200 hover:dark:bg-gray-700\">\n                <i class=\"fa-solid fa-md fa-user\"></i>\n            </div>\n        </RouterLink>\n\n        <template #popper>\n            <span>{{ __(\"Account\") }}</span>\n        </template>\n    </VTooltip>\n</template>\n","<template>\n    <VTooltip>\n        <button class=\"text-gray-500 dark:text-gray-400 focus:outline-none text-sm\" type=\"button\" @click=\"toggleBoxView\">\n            <div class=\"w-6 h-6 flex items-center justify-center rounded hover:bg-gray-200 hover:dark:bg-gray-700\">\n                <!-- Box Icon -->\n                <i v-if=\"boxView\" class=\"fas fa-box\"></i>\n\n                <!-- List Icon -->\n                <i v-else class=\"fas fa-list\"></i>\n            </div>\n        </button>\n\n        <template #popper>\n            <span>{{ __(\"Toggle View\") }}</span>\n        </template>\n    </VTooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport { mapWritableState } from \"pinia\";\nimport { useThemeStore } from \"@/stores/theme\";\n\nexport default defineComponent({\n    name: \"ViewToggle\",\n    computed: {\n        ...mapWritableState(useThemeStore, [\"boxView\"]),\n    },\n    methods: {\n        toggleBoxView() {\n            this.boxView = !this.boxView;\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=\"logout\">\n            <div class=\"w-6 h-6 flex items-center justify-center rounded hover:bg-gray-200 hover:dark:bg-gray-700\">\n                <i class=\"fa-solid fa-lg fa-right-from-bracket\"></i>\n            </div>\n        </button>\n\n        <template #popper>\n            <span>{{ __(\"Logout\") }}</span>\n        </template>\n    </VTooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport Auth from \"@/api/authentication\";\n\nexport default defineComponent({\n    name: \"LogoutButton\",\n    data() {\n        return {\n            auth: new Auth(),\n        };\n    },\n    methods: {\n        async logout() {\n            await this.auth.logout();\n        },\n    },\n});\n</script>\n","<template>\n    <nav class=\"bg-white dark:bg-gray-900 absolute w-full z-20 top-0 left-0 border-b border-gray-200 dark:border-gray-600 md:h-[64px]\">\n        <div class=\"max-w-screen-xl flex flex-col md:flex-row items-start md:items-center justify-between mx-auto p-4\">\n            <!-- Left Side -->\n            <div class=\"flex md:order-2 text-center justify-between w-full md:w-min\">\n                <router-link to=\"/\" class=\"flex items-center\">\n                    <WizarrLogo class=\"mr-3\" rounded />\n                    <span class=\"self-center text-2xl font-semibold whitespace-nowrap dark:text-white\">Wizarr</span>\n                </router-link>\n                <button data-collapse-toggle=\"navbar-default\" aria-controls=\"navbar-default\" aria-expanded=\"false\" type=\"button\" class=\"text-gray-500 dark:text-gray-400 focus:outline-none block md:hidden\" @click=\"expanded = !expanded\">\n                    <i class=\"fa-solid fa-md fa-xl fa-bars\"></i>\n                </button>\n            </div>\n\n            <!-- Right Side -->\n            <div class=\"flex md:order-2 text-center overflow-hidden justify-end w-full md:w-min mt-3 md:mt-0 md:block\" :class=\"expanded ? 'block' : 'hidden'\">\n                <ul class=\"flex flex-col md:flex-row md:space-x-8 md:text-sm md:font-medium w-full md:w-min\">\n                    <!-- Page Links -->\n                    <li v-for=\"page in pages\" :key=\"page.name\" class=\"flex text-center items-center\">\n                        <router-link :to=\"page.url\" as=\"button\" class=\"text-left md:text-center w-full md:w-auto block py-2 pl-3 pr-4 text-gray-700 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary md:p-0 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent\" :class=\"$route.path == page.url || (page.url == '/admin/settings' && $route.path.includes('/admin/settings')) ? 'text-black dark:text-white' : ''\">\n                            {{ __(page.name) }}\n                        </router-link>\n                    </li>\n\n                    <!-- Quick Actions -->\n                    <li class=\"flex bg-gray-100 dark:bg-gray-800 md:bg-transparent md:dark:bg-transparent rounded text-center p-2 px-3 w-full mt-3 md:mt-0 md:justify-end md:px-0 md:p-0\">\n                        <div class=\"flex flex-column w-full space-x-3 justify-between\">\n                            <div class=\"flex flex-column space-x-1\">\n                                <AccountButton />\n                                <LanguageSelector />\n                                <ThemeToggle />\n                                <ViewToggle />\n                            </div>\n                            <span class=\"inline-flex hidden md:block w-px h-6 bg-gray-200 dark:bg-gray-700\"></span>\n                            <LogoutButton />\n                        </div>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </nav>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport { useUserStore } from \"@/stores/user\";\nimport { mapState } from \"pinia\";\n\nimport WizarrLogo from \"../WizarrLogo.vue\";\n\nimport AccountButton from \"@/components/Buttons/AccountButton.vue\";\nimport LanguageSelector from \"@/components/Buttons/LanguageSelector.vue\";\nimport ThemeToggle from \"@/components/Buttons/ThemeToggle.vue\";\nimport ViewToggle from \"@/components/Buttons/ViewToggle.vue\";\nimport LogoutButton from \"@/components/Buttons/LogoutButton.vue\";\n\nexport default defineComponent({\n    name: \"AdminNavBar\",\n    components: {\n        WizarrLogo,\n        AccountButton,\n        LanguageSelector,\n        ThemeToggle,\n        ViewToggle,\n        LogoutButton,\n    },\n    computed: {\n        activeLink() {\n            return this.$route.path;\n        },\n        ...mapState(useUserStore, [\"user\"]),\n    },\n    data() {\n        return {\n            pages: [\n                {\n                    name: this.__(\"Home\"),\n                    url: \"/admin\",\n                },\n                {\n                    name: this.__(\"Invitations\"),\n                    url: \"/admin/invitations\",\n                },\n                {\n                    name: this.__(\"Users\"),\n                    url: \"/admin/users\",\n                },\n                {\n                    name: this.__(\"Settings\"),\n                    url: \"/admin/settings\",\n                },\n            ],\n            expanded: false,\n        };\n    },\n    watch: {\n        \"$route.path\"() {\n            this.expanded = false;\n        },\n    },\n});\n</script>\n\n\n"],"names":["_createElementVNode","_openBlock","_createBlock","_component_VTooltip","_withCtx","_createVNode","_component_RouterLink","_sfc_main$2","defineComponent","mapWritableState","useThemeStore","_hoisted_2","_hoisted_3","_resolveComponent","_toDisplayString","_ctx","_cache","args","_hoisted_1","_createElementBlock","_sfc_main$1","Auth","_sfc_main","WizarrLogo","AccountButton","LanguageSelector","ThemeToggle","ViewToggle","LogoutButton","mapState","useUserStore","_hoisted_5","_hoisted_7","_hoisted_9","_component_router_link","_component_WizarrLogo","_hoisted_6","_normalizeClass","_Fragment","_renderList","page","_hoisted_8","_hoisted_10","_component_AccountButton","_component_LanguageSelector","_component_ThemeToggle","_component_ViewToggle","_hoisted_11"],"mappings":"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"}