@coreui/vue-pro 4.9.0-beta.1 → 4.9.0-beta.2

package/dist/index.js

@@ -12881,7 +12881,12 @@ const CPopoverPlugin = {
     },
 };
 
-const isOnMobile = (element) => Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'));
+const isOnMobile = (element) => {
+    if (!element) {
+        return;
+    }
+    return Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'));
+};
 const CSidebar = vue.defineComponent({
     name: 'CSidebar',
     props: {
@@ -16352,6 +16357,7 @@ const toggleTooltipElement = (tooltip, el, popperOptions) => {
     addTooltipElement(tooltip, el, popperOptions);
 };
 var vCTooltip = {
+    name: 'c-tooltip',
     mounted(el, binding) {
         const value = binding.value;
         const content = typeof value === 'string' ? value : value.content ?? '';
@@ -16407,9 +16413,12 @@ var Directives = /*#__PURE__*/Object.freeze({
     vctooltip: vCTooltip
 });
 
-const getStoredTheme = (localStorageItemName) => localStorage.getItem(localStorageItemName);
+const getStoredTheme = (localStorageItemName) => typeof window !== 'undefined' && localStorage.getItem(localStorageItemName);
 const setStoredTheme = (localStorageItemName, colorMode) => localStorage.setItem(localStorageItemName, colorMode);
 const getPreferredColorScheme = (localStorageItemName) => {
+    if (typeof window === 'undefined') {
+        return;
+    }
     const storedTheme = getStoredTheme(localStorageItemName);
     if (storedTheme) {
         return storedTheme;
@@ -16427,20 +16436,21 @@ const setTheme = (colorMode) => {
 const useColorModes = (localStorageItemName = 'coreui-vue-color-scheme') => {
     const colorMode = vue.ref(getPreferredColorScheme(localStorageItemName));
     vue.watch(colorMode, () => {
-        setStoredTheme(localStorageItemName, colorMode.value);
-        setTheme(colorMode.value);
+        if (colorMode.value) {
+            setStoredTheme(localStorageItemName, colorMode.value);
+            setTheme(colorMode.value);
+        }
     });
     vue.onBeforeMount(() => {
-        if (typeof getStoredTheme(localStorageItemName) === 'string') {
+        if (typeof getStoredTheme(localStorageItemName) === 'string' && colorMode.value) {
             setTheme(colorMode.value);
         }
         window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
             const storedTheme = getStoredTheme(localStorageItemName);
-            if (storedTheme !== 'light' && storedTheme !== 'dark') {
+            if (storedTheme !== 'light' && storedTheme !== 'dark' && colorMode.value) {
                 setTheme(colorMode.value);
             }
         });
-        vue.watch(colorMode, () => setTheme(colorMode.value));
     });
     return {
         getColorMode: () => colorMode.value,
@@ -16457,7 +16467,7 @@ const CoreuiVue = {
             app.component(key, Components[key]);
         }
         for (const key in Directives) {
-            app.directive(key, Directives[key]);
+            app.directive(Directives[key]['name'], Directives[key]);
         }
     },
 };