lightview 2.0.7 → 2.0.9

package/components/layout/hero.js

@@ -13,8 +13,8 @@ import '../daisyui.js';
  * @param {boolean} props.useShadow - Render in Shadow DOM with isolated DaisyUI styles
  */
 const Hero = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
-    const LVX = window.LightviewX || {};
+    const { tags } = globalThis.Lightview || {};
+    const LVX = globalThis.LightviewX || {};
 
     if (!tags) return null;
 
@@ -77,7 +77,7 @@ const Hero = (props = {}, ...children) => {
  * Hero Content
  */
 Hero.Content = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const { position = 'center', center, class: className = '', ...rest } = props;
@@ -94,14 +94,14 @@ Hero.Content = (props = {}, ...children) => {
  * Hero Overlay
  */
 Hero.Overlay = (props = {}) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const { class: className = '', ...rest } = props;
     return tags.div({ class: `hero-overlay bg-opacity-60 ${className}`.trim(), ...rest });
 };
 
-const tags = window.Lightview.tags;
+const tags = globalThis.Lightview.tags;
 tags.Hero = Hero;
 tags['Hero.Content'] = Hero.Content;
 tags['Hero.Overlay'] = Hero.Overlay;

package/components/layout/indicator.js

@@ -12,8 +12,8 @@ import '../daisyui.js';
  * @param {boolean} props.useShadow - Render in Shadow DOM with isolated DaisyUI styles
  */
 const Indicator = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
-    const LVX = window.LightviewX || {};
+    const { tags } = globalThis.Lightview || {};
+    const LVX = globalThis.LightviewX || {};
 
     if (!tags) return null;
 
@@ -55,7 +55,7 @@ const Indicator = (props = {}, ...children) => {
  * Indicator Item - the positioned element
  */
 Indicator.Item = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const {
@@ -83,7 +83,7 @@ Indicator.Item = (props = {}, ...children) => {
     return tags.span({ class: classes.join(' '), ...rest }, ...children);
 };
 
-const tags = window.Lightview.tags;
+const tags = globalThis.Lightview.tags;
 tags.Indicator = Indicator;
 tags['Indicator.Item'] = Indicator.Item;
 

package/components/layout/join.js

@@ -12,8 +12,8 @@ import '../daisyui.js';
  * @param {boolean} props.useShadow - Render in Shadow DOM with isolated DaisyUI styles
  */
 const Join = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
-    const LVX = window.LightviewX || {};
+    const { tags } = globalThis.Lightview || {};
+    const LVX = globalThis.LightviewX || {};
 
     if (!tags) return null;
 
@@ -61,7 +61,7 @@ const Join = (props = {}, ...children) => {
  * Join Item - each joined element should have this class
  */
 Join.Item = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const { as = 'button', class: className = '', ...rest } = props;
@@ -73,6 +73,6 @@ Join.Item = (props = {}, ...children) => {
     }, ...children);
 };
 
-window.Lightview.tags.Join = Join;
+globalThis.Lightview.tags.Join = Join;
 
 export default Join;

package/components/layout/navbar.js

@@ -12,8 +12,8 @@ import '../daisyui.js';
  * @param {boolean} props.useShadow - Render in Shadow DOM with isolated DaisyUI styles
  */
 const Navbar = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
-    const LVX = window.LightviewX || {};
+    const { tags } = globalThis.Lightview || {};
+    const LVX = globalThis.LightviewX || {};
 
     if (!tags) return null;
 
@@ -60,7 +60,7 @@ const Navbar = (props = {}, ...children) => {
  * Navbar Start
  */
 Navbar.Start = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const { class: className = '', ...rest } = props;
@@ -75,7 +75,7 @@ Navbar.Start = (props = {}, ...children) => {
  * Navbar Center
  */
 Navbar.Center = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const { class: className = '', ...rest } = props;
@@ -90,7 +90,7 @@ Navbar.Center = (props = {}, ...children) => {
  * Navbar End
  */
 Navbar.End = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const { class: className = '', ...rest } = props;
@@ -101,7 +101,7 @@ Navbar.End = (props = {}, ...children) => {
     }, ...children);
 };
 
-const tags = window.Lightview.tags;
+const tags = globalThis.Lightview.tags;
 tags.Navbar = Navbar;
 tags['Navbar.Start'] = Navbar.Start;
 tags['Navbar.Center'] = Navbar.Center;

package/components/navigation/breadcrumbs.js

@@ -12,8 +12,8 @@ import '../daisyui.js';
  * @param {boolean} props.useShadow - Render in Shadow DOM with isolated DaisyUI styles
  */
 const Breadcrumbs = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
-    const LVX = window.LightviewX || {};
+    const { tags } = globalThis.Lightview || {};
+    const LVX = globalThis.LightviewX || {};
 
     if (!tags) return null;
 
@@ -70,7 +70,7 @@ const Breadcrumbs = (props = {}, ...children) => {
  * Breadcrumbs Item
  */
 Breadcrumbs.Item = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const { href, class: className = '', ...rest } = props;
@@ -85,7 +85,7 @@ Breadcrumbs.Item = (props = {}, ...children) => {
 };
 
 
-const tags = window.Lightview.tags;
+const tags = globalThis.Lightview.tags;
 tags.Breadcrumbs = Breadcrumbs;
 tags['Breadcrumbs.Item'] = Breadcrumbs.Item;
 export default Breadcrumbs;

package/components/navigation/dock.js

@@ -12,8 +12,8 @@ import '../daisyui.js';
  * @param {boolean} props.useShadow - Render in Shadow DOM with isolated DaisyUI styles
  */
 const Dock = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
-    const LVX = window.LightviewX || {};
+    const { tags } = globalThis.Lightview || {};
+    const LVX = globalThis.LightviewX || {};
 
     if (!tags) return null;
 
@@ -61,7 +61,7 @@ const Dock = (props = {}, ...children) => {
  * Dock Item
  */
 Dock.Item = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const {
@@ -84,7 +84,7 @@ Dock.Item = (props = {}, ...children) => {
  * Dock Label
  */
 Dock.Label = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const { class: className = '', ...rest } = props;
@@ -95,7 +95,7 @@ Dock.Label = (props = {}, ...children) => {
     }, ...children);
 };
 
-const tags = window.Lightview.tags;
+const tags = globalThis.Lightview.tags;
 tags.Dock = Dock;
 tags['Dock.Item'] = Dock.Item;
 tags['Dock.Label'] = Dock.Label;

package/components/navigation/menu.js

@@ -14,8 +14,8 @@ import '../daisyui.js';
  * @param {boolean} props.useShadow - Render in Shadow DOM with isolated DaisyUI styles
  */
 const Menu = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
-    const LVX = window.LightviewX || {};
+    const { tags } = globalThis.Lightview || {};
+    const LVX = globalThis.LightviewX || {};
 
     if (!tags) return null;
 
@@ -66,7 +66,7 @@ const Menu = (props = {}, ...children) => {
  * Menu Item
  */
 Menu.Item = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const {
@@ -92,7 +92,7 @@ Menu.Item = (props = {}, ...children) => {
  * Menu Title
  */
 Menu.Title = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const { class: className = '', ...rest } = props;
@@ -104,7 +104,7 @@ Menu.Title = (props = {}, ...children) => {
  * Menu Dropdown (submenu)
  */
 Menu.Dropdown = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const { label, open = false, class: className = '', ...rest } = props;
@@ -117,7 +117,7 @@ Menu.Dropdown = (props = {}, ...children) => {
     return tags.li({}, details);
 };
 
-const tags = window.Lightview.tags;
+const tags = globalThis.Lightview.tags;
 tags.Menu = Menu;
 tags['Menu.Item'] = Menu.Item;
 tags['Menu.Title'] = Menu.Title;

package/components/navigation/pagination.js

@@ -15,8 +15,8 @@ import '../daisyui.js';
  * @param {boolean} props.useShadow - Render in Shadow DOM with isolated DaisyUI styles
  */
 const Pagination = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
-    const LVX = window.LightviewX || {};
+    const { tags } = globalThis.Lightview || {};
+    const LVX = globalThis.LightviewX || {};
 
     if (!tags) return null;
 
@@ -100,6 +100,6 @@ const Pagination = (props = {}, ...children) => {
     return paginationEl;
 };
 
-window.Lightview.tags.Pagination = Pagination;
+globalThis.Lightview.tags.Pagination = Pagination;
 
 export default Pagination;

package/components/navigation/steps.js

@@ -12,8 +12,8 @@ import '../daisyui.js';
  * @param {boolean} props.useShadow - Render in Shadow DOM with isolated DaisyUI styles
  */
 const Steps = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
-    const LVX = window.LightviewX || {};
+    const { tags } = globalThis.Lightview || {};
+    const LVX = globalThis.LightviewX || {};
 
     if (!tags) return null;
 
@@ -61,7 +61,7 @@ const Steps = (props = {}, ...children) => {
  * Steps Item
  */
 Steps.Item = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const {
@@ -82,7 +82,7 @@ Steps.Item = (props = {}, ...children) => {
     }, ...children);
 };
 
-const tags = window.Lightview.tags;
+const tags = globalThis.Lightview.tags;
 tags.Steps = Steps;
 tags['Steps.Item'] = Steps.Item;
 

package/components/navigation/tabs.js

@@ -13,8 +13,8 @@ import '../daisyui.js';
  * @param {boolean} props.useShadow - Render in Shadow DOM with isolated DaisyUI styles
  */
 const Tabs = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
-    const LVX = window.LightviewX || {};
+    const { tags } = globalThis.Lightview || {};
+    const LVX = globalThis.LightviewX || {};
 
     if (!tags) return null;
 
@@ -70,7 +70,7 @@ const Tabs = (props = {}, ...children) => {
  * Tab Item
  */
 Tabs.Tab = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const {
@@ -103,7 +103,7 @@ Tabs.Tab = (props = {}, ...children) => {
  * Tab Content - for lifted tabs with content panels
  */
 Tabs.Content = (props = {}, ...children) => {
-    const { tags } = window.Lightview || {};
+    const { tags } = globalThis.Lightview || {};
     if (!tags) return null;
 
     const { class: className = '', ...rest } = props;
@@ -115,7 +115,7 @@ Tabs.Content = (props = {}, ...children) => {
     }, ...children);
 };
 
-const tags = window.Lightview.tags;
+const tags = globalThis.Lightview.tags;
 tags.Tabs = Tabs;
 tags['Tabs.Tab'] = Tabs.Tab;
 tags['Tabs.Content'] = Tabs.Content;

package/components/theme/theme-switch.js

@@ -20,15 +20,15 @@ loadStylesheetSync(import.meta.url);
  * @param {Function} props.onChange - Theme change handler
  */
 const ThemeSwitch = (props = {}) => {
-    
-    const { tags, signal, effect } = window.Lightview || {};
+
+    const { tags, signal, effect } = globalThis.Lightview || {};
     if (!tags) {
         console.error('Lightview not found');
         return null;
     }
-    
+
     const { button, span } = tags;
-    
+
     const {
         theme,
         defaultTheme,
@@ -39,41 +39,41 @@ const ThemeSwitch = (props = {}) => {
         class: className = '',
         ...rest
     } = props;
-    
+
     // Detect system preference
     const getSystemTheme = () => {
         if (typeof window === 'undefined') return 'light';
-        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+        return globalThis.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
     };
-    
+
     // Get initial theme
     const getInitialTheme = () => {
         if (typeof window === 'undefined') return defaultTheme || 'light';
-        
+
         // Check localStorage first
         const stored = localStorage.getItem(storageKey);
         if (stored === 'light' || stored === 'dark') return stored;
-        
+
         // Then default or system
         return defaultTheme || getSystemTheme();
     };
-    
+
     // Internal state
     const internalTheme = signal ? signal(getInitialTheme()) : { value: getInitialTheme() };
-    
+
     const isControlled = theme !== undefined;
-    
+
     const getTheme = () => {
         if (isControlled) {
             return typeof theme === 'function' ? theme() :
-                   (theme && typeof theme.value !== 'undefined') ? theme.value : theme;
+                (theme && typeof theme.value !== 'undefined') ? theme.value : theme;
         }
         return internalTheme.value;
     };
-    
+
     const applyTheme = (newTheme) => {
         document.documentElement.setAttribute('data-theme', newTheme);
-        
+
         // Also update meta theme-color for mobile browsers
         let metaTheme = document.querySelector('meta[name="theme-color"]');
         if (!metaTheme) {
@@ -83,45 +83,45 @@ const ThemeSwitch = (props = {}) => {
         }
         metaTheme.content = newTheme === 'dark' ? '#0f172a' : '#ffffff';
     };
-    
+
     const toggle = () => {
         const currentTheme = getTheme();
         const newTheme = currentTheme === 'light' ? 'dark' : 'light';
-        
+
         if (!isControlled) {
             internalTheme.value = newTheme;
         }
-        
+
         if (isControlled && theme && typeof theme.value !== 'undefined') {
             theme.value = newTheme;
         }
-        
+
         // Persist to localStorage
         if (storageKey) {
             localStorage.setItem(storageKey, newTheme);
         }
-        
+
         applyTheme(newTheme);
-        
+
         if (onChange) {
             onChange(newTheme);
         }
     };
-    
+
     // Apply theme on mount
     if (typeof window !== 'undefined') {
         // Apply immediately
         applyTheme(getTheme());
-        
+
         // Set up effect to watch for changes
         if (effect) {
             effect(() => {
                 applyTheme(getTheme());
             });
         }
-        
+
         // Listen for system theme changes
-        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+        globalThis.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
             if (!localStorage.getItem(storageKey)) {
                 const newTheme = e.matches ? 'dark' : 'light';
                 if (!isControlled) {
@@ -131,13 +131,13 @@ const ThemeSwitch = (props = {}) => {
             }
         });
     }
-    
+
     const iconSize = size === 'sm' ? 16 : size === 'lg' ? 28 : 20;
-    
+
     const classes = ['lv-theme-switch', `lv-theme-switch--${size}`];
     if (animated) classes.push('lv-theme-switch--animated');
     if (className) classes.push(className);
-    
+
     if (animated) {
         return button({
             class: classes.join(' '),
@@ -156,7 +156,7 @@ const ThemeSwitch = (props = {}) => {
             })
         );
     }
-    
+
     return button({
         class: classes.join(' '),
         onclick: toggle,
@@ -172,6 +172,6 @@ const ThemeSwitch = (props = {}) => {
 };
 
 // Auto-register
-window.Lightview.tags.ThemeSwitch = ThemeSwitch;
+globalThis.Lightview.tags.ThemeSwitch = ThemeSwitch;
 
 export default ThemeSwitch;