bt-core-app 2.0.20 → 2.0.22

package/dist/bt-core-app.js

@@ -9954,7 +9954,7 @@ function w_() {
   return by;
 }
 function Eoe(e) {
-  const t = localStorage.getItem("cosmetics");
+  const t = localStorage.getItem((e == null ? void 0 : e.storageName) ?? "cosmetics");
   let a;
   return t != null && t.length > 0 && (a = JSON.parse(t)), a ?? (a = {}), a.dark ?? (a.dark = e == null ? void 0 : e.dark), a.light ?? (a.light = e == null ? void 0 : e.light), a.theme ?? (a.theme = e == null ? void 0 : e.defaultTheme), {
     defaultTheme: a.theme ?? "dark",
@@ -9970,10 +9970,10 @@ function Eoe(e) {
 }
 function mP(e) {
   const t = q({});
-  let a = e.vuetifyInstance;
-  function n() {
-    const m = localStorage.getItem("cosmetics");
-    m != null && m.length > 0 ? t.value = JSON.parse(m) : t.value = {
+  let a = e.vuetifyInstance, n = e.storageName ?? "cosmetics";
+  function l() {
+    const f = localStorage.getItem(n);
+    f != null && f.length > 0 ? t.value = JSON.parse(f) : t.value = {
       theme: e.defaultTheme ?? "light",
       light: { ...zp, ...e.defaultLightTheme },
       dark: { ...Op, ...e.defaultDarkTheme },
@@ -9981,68 +9981,68 @@ function mP(e) {
       drawerStick: e.defaultDrawerStick ?? !1
     };
   }
-  function l() {
-    localStorage.setItem("cosmetics", JSON.stringify(t.value));
+  function r() {
+    localStorage.setItem(n, JSON.stringify(t.value));
   }
-  function r(m) {
-    var f;
+  function i(f) {
+    var g;
     if (a != null) {
       a.global.name.value = t.value.theme;
-      let g;
-      a.global.name.value == "dark" ? (m && (t.value.dark = { ...Op, ...e.defaultDarkTheme }), a.themes.value.dark = {
+      let p;
+      a.global.name.value == "dark" ? (f && (t.value.dark = { ...Op, ...e.defaultDarkTheme }), a.themes.value.dark = {
         ...a.themes.value.dark,
         colors: {
           ...a.themes.value.dark.colors,
           ...t.value.dark
         }
-      }, g = a.themes.value.dark.colors.primary) : (m && (t.value.light = { ...zp, ...e.defaultLightTheme }), a.themes.value.light = {
+      }, p = a.themes.value.dark.colors.primary) : (f && (t.value.light = { ...zp, ...e.defaultLightTheme }), a.themes.value.light = {
         ...a.themes.value.light,
         colors: {
           ...a.themes.value.light.colors,
           ...t.value.light
         }
-      }, g = a.themes.value.light.colors.primary), (f = document.querySelector('meta[name="theme-color"]')) == null || f.setAttribute("content", g), l();
+      }, p = a.themes.value.light.colors.primary), (g = document.querySelector('meta[name="theme-color"]')) == null || g.setAttribute("content", p), r();
     }
   }
-  function i(m) {
-    var f;
+  function o(f) {
+    var g;
     if (a != null) {
-      const g = a.themes.value.dark, p = a.themes.value.light;
-      g.colors.primary = m, p.colors.primary = m, (f = document.querySelector('meta[name="theme-color"]')) == null || f.setAttribute("content", m);
+      const p = a.themes.value.dark, h = a.themes.value.light;
+      p.colors.primary = f, h.colors.primary = f, (g = document.querySelector('meta[name="theme-color"]')) == null || g.setAttribute("content", f);
     }
   }
-  function o() {
-    t.value.drawer = !t.value.drawer, l();
-  }
-  function s(m) {
-    t.value.drawer = m, l();
+  function s() {
+    t.value.drawer = !t.value.drawer, r();
   }
-  function c() {
-    t.value.drawerStick = !t.value.drawerStick, l();
+  function c(f) {
+    t.value.drawer = f, r();
   }
   function u() {
-    t.value.theme = t.value.theme == "dark" ? "light" : "dark", a != null && (a.global.name.value = t.value.theme), l();
+    t.value.drawerStick = !t.value.drawerStick, r();
   }
   function d() {
-    var m;
+    t.value.theme = t.value.theme == "dark" ? "light" : "dark", a != null && a.change(t.value.theme), r();
+  }
+  function m() {
+    var f;
     if (a != null) {
-      const f = a.themes.value.dark, g = a.themes.value.light;
-      f.colors.primary = (t.value.dark ?? { ...Op, ...e.defaultDarkTheme }).primary, g.colors.primary = (t.value.light ?? { ...zp, ...e.defaultLightTheme }).primary, (m = document.querySelector('meta[name="theme-color"]')) == null || m.setAttribute("content", "");
+      const g = a.themes.value.dark, p = a.themes.value.light;
+      g.colors.primary = (t.value.dark ?? { ...Op, ...e.defaultDarkTheme }).primary, p.colors.primary = (t.value.light ?? { ...zp, ...e.defaultLightTheme }).primary, (f = document.querySelector('meta[name="theme-color"]')) == null || f.setAttribute("content", "");
     }
   }
-  return n(), _e(t, () => {
-    l();
+  return l(), _e(t, () => {
+    r();
   }), by = {
     state: t,
     currentSet: A(() => t.value.theme == "dark" ? t.value.dark : t.value.light),
-    resetCosmetics: r,
-    saveState: l,
-    setTemporaryColor: i,
-    toggleDrawer: o,
-    toggleDrawerStick: c,
-    toggleLightDark: u,
-    updateDrawer: s,
-    undoTemporaryColor: d
+    resetCosmetics: i,
+    saveState: r,
+    setTemporaryColor: o,
+    toggleDrawer: s,
+    toggleDrawerStick: u,
+    toggleLightDark: d,
+    updateDrawer: c,
+    undoTemporaryColor: m
   }, by;
 }
 var h1 = {}, hc = {};

package/dist/index.d.ts

@@ -1829,6 +1829,7 @@ export declare interface UseCosmeticsOptions<T extends BaseCosmeticTheme> {
     defaultDrawer?: boolean;
     defaultDrawerStick?: boolean;
     defaultTheme?: string;
+    storageName?: string;
     vuetifyInstance?: ThemeInstance;
 }
 
@@ -2494,6 +2495,7 @@ declare interface UseLocalCosmeticsOptions {
     defaultTheme?: string;
     dark?: any;
     light?: any;
+    storageName?: string;
 }
 
 export declare function useLocalDb(): LocalForage_2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bt-core-app",
-  "version": "2.0.20",
+  "version": "2.0.22",
   "description": "Core app tools for some basic features like navigation, authentication, server apis, and cosmetics",
   "homepage": "https://github.com/BlitzItTech/bt-core",
   "bugs": {