{"version":3,"file":"CsVr6EQI.js","sources":["../../../../layouts/default-layout/components/theme-mode/ThemeModeSwitcher.vue","../../../../layouts/default-layout/components/theme-mode/ThemeModeSwitcher.vue"],"sourcesContent":["<template>\n  <!--begin::Menu-->\n  <div\n    class=\"menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-muted menu-active-bg menu-state-primary fw-semibold py-4 fs-base w-175px\"\n    data-kt-menu=\"true\"\n    data-kt-element=\"theme-mode-menu\"\n  >\n    <!--begin::Menu item-->\n    <div class=\"menu-item px-3 my-0\">\n      <router-link\n        :to=\"path\"\n        :class=\"{ active: themeMode === 'light' }\"\n        class=\"menu-link px-3 py-2\"\n        @click=\"setMode('light')\"\n      >\n        <span class=\"menu-icon\" data-kt-element=\"icon\">\n          <KTIcon icon-name=\"night-day\" icon-class=\"fs-2\" />\n        </span>\n        <span class=\"menu-title\">Sáng</span>\n      </router-link>\n    </div>\n    <!--end::Menu item-->\n    <!--begin::Menu item-->\n    <div class=\"menu-item px-3 my-0\">\n      <router-link\n        :to=\"path\"\n        :class=\"{ active: themeMode === 'dark' }\"\n        class=\"menu-link px-3 py-2\"\n        @click=\"setMode('dark')\"\n      >\n        <span class=\"menu-icon\" data-kt-element=\"icon\">\n          <KTIcon icon-name=\"moon\" icon-class=\"fs-2\" />\n        </span>\n        <span class=\"menu-title\">Tối</span>\n      </router-link>\n    </div>\n    <!--end::Menu item-->\n    <!--begin::Menu item-->\n    <div class=\"menu-item px-3 my-0\">\n      <router-link\n        :to=\"path\"\n        :class=\"{ active: themeMode === 'system' }\"\n        class=\"menu-link px-3 py-2\"\n        @click=\"setMode('system')\"\n      >\n        <span class=\"menu-icon\" data-kt-element=\"icon\">\n          <KTIcon icon-name=\"screen\" icon-class=\"fs-2\" />\n        </span>\n        <span class=\"menu-title\">Hệ thống</span>\n      </router-link>\n    </div>\n    <!--end::Menu item-->\n  </div>\n  <!--end::Menu-->\n</template>\n\n<script lang=\"ts\">\nimport { getAssetPath } from \"@/core/helpers/assets\";\nimport { computed, defineComponent } from \"vue\";\nimport { useThemeStore } from \"@/stores/theme\";\nimport { useConfigStore } from \"@/stores/config\";\nimport { useRoute } from \"vue-router\";\n\nexport default defineComponent({\n  name: \"kt-theme-switcher\",\n  component: {},\n  setup() {\n    const storeTheme = useThemeStore();\n    const storeConfig = useConfigStore();\n    const route = useRoute();\n\n    const themeMode = computed(() => {\n      return storeTheme.mode;\n    });\n\n    const path = computed(() => route.path);\n\n    const setMode = (mode: \"dark\" | \"light\" | \"system\") => {\n      let configMode = mode;\n\n      storeConfig.setLayoutConfigProperty(\"general.mode\", configMode);\n\n      storeTheme.setThemeMode(configMode);\n    };\n\n    return {\n      themeMode,\n      setMode,\n      path,\n      getAssetPath,\n    };\n  },\n});\n</script>\n","<template>\n  <!--begin::Menu-->\n  <div\n    class=\"menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-muted menu-active-bg menu-state-primary fw-semibold py-4 fs-base w-175px\"\n    data-kt-menu=\"true\"\n    data-kt-element=\"theme-mode-menu\"\n  >\n    <!--begin::Menu item-->\n    <div class=\"menu-item px-3 my-0\">\n      <router-link\n        :to=\"path\"\n        :class=\"{ active: themeMode === 'light' }\"\n        class=\"menu-link px-3 py-2\"\n        @click=\"setMode('light')\"\n      >\n        <span class=\"menu-icon\" data-kt-element=\"icon\">\n          <KTIcon icon-name=\"night-day\" icon-class=\"fs-2\" />\n        </span>\n        <span class=\"menu-title\">Sáng</span>\n      </router-link>\n    </div>\n    <!--end::Menu item-->\n    <!--begin::Menu item-->\n    <div class=\"menu-item px-3 my-0\">\n      <router-link\n        :to=\"path\"\n        :class=\"{ active: themeMode === 'dark' }\"\n        class=\"menu-link px-3 py-2\"\n        @click=\"setMode('dark')\"\n      >\n        <span class=\"menu-icon\" data-kt-element=\"icon\">\n          <KTIcon icon-name=\"moon\" icon-class=\"fs-2\" />\n        </span>\n        <span class=\"menu-title\">Tối</span>\n      </router-link>\n    </div>\n    <!--end::Menu item-->\n    <!--begin::Menu item-->\n    <div class=\"menu-item px-3 my-0\">\n      <router-link\n        :to=\"path\"\n        :class=\"{ active: themeMode === 'system' }\"\n        class=\"menu-link px-3 py-2\"\n        @click=\"setMode('system')\"\n      >\n        <span class=\"menu-icon\" data-kt-element=\"icon\">\n          <KTIcon icon-name=\"screen\" icon-class=\"fs-2\" />\n        </span>\n        <span class=\"menu-title\">Hệ thống</span>\n      </router-link>\n    </div>\n    <!--end::Menu item-->\n  </div>\n  <!--end::Menu-->\n</template>\n\n<script lang=\"ts\">\nimport { getAssetPath } from \"@/core/helpers/assets\";\nimport { computed, defineComponent } from \"vue\";\nimport { useThemeStore } from \"@/stores/theme\";\nimport { useConfigStore } from \"@/stores/config\";\nimport { useRoute } from \"vue-router\";\n\nexport default defineComponent({\n  name: \"kt-theme-switcher\",\n  component: {},\n  setup() {\n    const storeTheme = useThemeStore();\n    const storeConfig = useConfigStore();\n    const route = useRoute();\n\n    const themeMode = computed(() => {\n      return storeTheme.mode;\n    });\n\n    const path = computed(() => route.path);\n\n    const setMode = (mode: \"dark\" | \"light\" | \"system\") => {\n      let configMode = mode;\n\n      storeConfig.setLayoutConfigProperty(\"general.mode\", configMode);\n\n      storeTheme.setThemeMode(configMode);\n    };\n\n    return {\n      themeMode,\n      setMode,\n      path,\n      getAssetPath,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","storeTheme","useThemeStore","storeConfig","useConfigStore","route","useRoute","themeMode","computed","path","mode","configMode","getAssetPath","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_router_link","_ctx","_normalizeClass","_cache","$event","_withCtx","_component_KTIcon"],"mappings":"yJA+DA,MAAAA,EAAeC,EAAgB,CAC7B,KAAM,oBACN,UAAW,CAAC,EACZ,OAAQ,CACN,MAAMC,EAAaC,IACbC,EAAcC,IACdC,EAAQC,IAERC,EAAYC,EAAS,IAClBP,EAAW,IACnB,EAEKQ,EAAOD,EAAS,IAAMH,EAAM,IAAI,EAU/B,MAAA,CACL,UAAAE,EACA,QAVeG,GAAsC,CACrD,IAAIC,EAAaD,EAELP,EAAA,wBAAwB,eAAgBQ,CAAU,EAE9DV,EAAW,aAAaU,CAAU,CAAA,EAMlC,KAAAF,EACA,aAAAG,CAAA,CAEJ,CACF,CAAC,ECxFGC,EAAa,CACb,MAAA,kKAAA,eAAA,OAGK,kBAAA,mBAOKC,EAAM,CAAW,MAAA,uBAACC,EAAe,CAAA,MAAA,YAQtC,kBAAA,QAOKC,EAAM,CAAW,MAAA,uBAACC,EAAe,CAAA,MAAA,YAQtC,kBAAA,QAOKC,EAAM,CAAW,MAAA,uBAACC,EAAe,CAAA,MAAA,oFA3C7CC,EAkDM,aAAA,SA3CFC,EAUc,EAAAC,EAAA,MAAAT,EAAA,CATHU,EAAA,MAAAT,EAAA,CAAAU,EAVjBC,EAW0BlB,CAEjB,GAAKmB,EAAA,KAAA,MAAAC,EAAA,CAAA,CAAA,OAAAD,EAAA,YAAA,SAAA,qBAAA,CAAA,EAbd,QAiBeE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAAH,EAAA,QAAA,OAAA,EAAA,EAAA,SADLI,EAAkD,IAAA,CAAAP,EAAhC,OAAWR,EAAA,CAAAS,EAACO,EAAiB,CAAA,YAAA,oCAhBzDH,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAL,EAAA,OAAA,CAAA,MAAA,YAAA,EAAA,OAAA,EAAA,EAAA,CAAA,KAmCU,EAAA,EAAA,CAAA,KAAA,OAAA,CAAA,CAAA,CAAA,EAVOA,EAAA,MAAAP,EAAA,CAAAQ,EAzBjBC,EA0B0BlB,CAEjB,GAAKmB,EAAA,KAAA,MAAAC,EAAA,CAAA,CAAA,OAAAD,EAAA,YAAA,QAAA,qBAAA,CAAA,EA5Bd,QAgCeE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAAH,EAAA,QAAA,MAAA,EAAA,EAAA,SADLI,EAA6C,IAAA,CAAAP,EAA3B,OAAMN,EAAA,CAAAO,EAACO,EAAiB,CAAA,YAAA,+BA/BpDH,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAL,EAAA,OAAA,CAAA,MAAA,YAAA,EAAA,MAAA,EAAA,EAAA,CAAA,KAkDU,EAAA,EAAA,CAAA,KAAA,OAAA,CAAA,CAAA,CAAA,EAVOA,EAAA,MAAAL,EAAA,CAAAM,EAxCjBC,EAyC0BlB,CAEjB,GAAKmB,EAAA,KAAA,MAAAC,EAAA,CAAA,CAAA,OAAAD,EAAA,YAAA,UAAA,qBAAA,CAAA,EA3Cd,QA+CeE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAAH,EAAA,QAAA,QAAA,EAAA,EAAA,SADLI,EAA+C,IAAA,CAAAP,EAA7B,OAAQJ,EAAA,CAAAK,EAACO,EAAiB,CAAA,YAAA,iCA9CtDH,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAL,EAAA,OAAA,CAAA,MAAA,YAAA,EAAA,WAAA,EAAA,EAAA,CAAA"}