@furystack/shades-common-components 10.0.33 → 11.0.0

package/CHANGELOG.md

@@ -1,5 +1,83 @@
 # Changelog
 
+## [11.0.0] - 2026-02-01
+
+### 💥 Breaking Changes
+
+### Added Contrast Colors to ColorVariants
+
+The `ColorVariants` type now requires contrast color properties for accessible text on colored backgrounds. This affects any code that defines custom themes or palette colors.
+
+**New required properties:**
+
+- `lightContrast` - Text color for the `light` variant background
+- `mainContrast` - Text color for the `main` variant background
+- `darkContrast` - Text color for the `dark` variant background
+
+**Migration:**
+
+```typescript
+// Before
+const myPalette: Palette = {
+  primary: {
+    light: '#6573c3',
+    main: '#3f51b5',
+    dark: '#2c387e',
+  },
+  // ...
+}
+
+// After
+const myPalette: Palette = {
+  primary: {
+    light: '#6573c3',
+    lightContrast: '#ffffff',
+    main: '#3f51b5',
+    mainContrast: '#ffffff',
+    dark: '#2c387e',
+    darkContrast: '#ffffff',
+  },
+  // ...
+}
+```
+
+### ♻️ Refactoring
+
+### Migrated Components to CSS Property
+
+Refactored all components to use the new `css` property from `@furystack/shades` instead of inline styles and `useState` for CSS states. This provides cleaner code, better separation of concerns, and improved performance.
+
+**Refactored components:**
+
+- `Button` - uses `css` for hover/active/disabled states and variant styles via data attributes
+- `AppBar` and `AppBarLink` - moved layout and hover styles to `css`
+- `Avatar` - moved styling to `css` with support for customizable border radius
+- `CommandPalette`, `CommandPaletteInput`, `CommandPaletteSuggestionList` - consolidated styles into `css`
+- `DataGrid`, `DataGridRow`, `DataGridHeader`, `DataGridFooter`, `SelectionCell` - migrated grid styling to `css`
+- `FAB` (Floating Action Button) - moved positioning and hover effects to `css`
+- `Grid` - moved responsive grid styling to `css`
+- `Input` and `TextArea` - migrated input styling and focus states to `css`
+- `Loader` - minor style cleanup
+- `Modal` - moved backdrop and content container styles to `css`
+- `NotyList` - migrated notification styling to `css`
+- `Paper` - moved card styling to `css`
+- `Skeleton` - minor style cleanup
+- `Suggest`, `SuggestInput`, `SuggestionList` - consolidated autocomplete styling into `css`
+- `Tabs` - moved tab styling and active states to `css`
+- `Wizard` - moved wizard container styles to `css`
+
+## [10.0.35] - 2026-01-26
+
+### 🔧 Chores
+
+- Standardized author format, improved keywords, removed obsolete `gitHead`, added `engines` (Node 22+) and `sideEffects: false`
+
+## [10.0.34] - 2026-01-26
+
+### ⬆️ Dependencies
+
+- Updated `@furystack/inject` with fix for singleton injector reference being overwritten by child injectors
+
 ## [10.0.33] - 2026-01-22
 
 ### ⬆️ Dependencies

package/esm/components/animations.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=animations.spec.d.ts.map

package/esm/components/animations.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.spec.d.ts","sourceRoot":"","sources":["../../src/components/animations.spec.ts"],"names":[],"mappings":""}

package/esm/components/animations.spec.js

@@ -0,0 +1,201 @@
+import { sleepAsync } from '@furystack/utils';
+import { describe, expect, it, vi } from 'vitest';
+import { collapse, expand, fadeIn, fadeOut, hideSlide, showParallax, showSlide } from './animations.js';
+const createMockElement = (scrollHeight = 100) => {
+    const el = document.createElement('div');
+    const onfinish = vi.fn();
+    const oncancel = vi.fn();
+    const animate = vi.fn(() => {
+        const animation = {
+            onfinish,
+            oncancel,
+        };
+        void sleepAsync(10).then(() => {
+            animation.onfinish();
+        });
+        return animation;
+    });
+    Object.defineProperty(el, 'animate', { value: animate, writable: true });
+    Object.defineProperty(el, 'scrollHeight', { value: scrollHeight, writable: true });
+    return { el, animate, onfinish, oncancel };
+};
+describe('animations', () => {
+    describe('showSlide', () => {
+        it('should animate element with slide-in keyframes', async () => {
+            const { el, animate } = createMockElement();
+            await showSlide(el);
+            expect(animate).toHaveBeenCalledWith([
+                { transform: 'translate(-350px, 0)scale(0)', opacity: 0 },
+                { transform: 'translate(0, 0)scale(1)', opacity: 1 },
+            ], expect.objectContaining({
+                duration: 500,
+                easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
+                fill: 'forwards',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await showSlide(el, { duration: 1000, delay: 200 });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 1000,
+                delay: 200,
+                easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
+                fill: 'forwards',
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(showSlide(null)).rejects.toThrow('No element provided');
+        });
+        it('should reject when element is undefined', async () => {
+            await expect(showSlide(undefined)).rejects.toThrow('No element provided');
+        });
+    });
+    describe('hideSlide', () => {
+        it('should animate element with slide-out keyframes', async () => {
+            const { el, animate } = createMockElement();
+            await hideSlide(el);
+            expect(animate).toHaveBeenCalledWith([
+                { transform: 'translate(0, 0)scale(1)', opacity: 1 },
+                { transform: 'translate(-350px, 0)scale(0)', opacity: 0 },
+            ], expect.objectContaining({
+                duration: 500,
+                easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
+                fill: 'forwards',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await hideSlide(el, { duration: 300 });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 300,
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(hideSlide(null)).rejects.toThrow('No element provided');
+        });
+    });
+    describe('fadeOut', () => {
+        it('should animate element with fade-out keyframes', async () => {
+            const { el, animate } = createMockElement();
+            await fadeOut(el);
+            expect(animate).toHaveBeenCalledWith([{ opacity: 1 }, { opacity: 0 }], expect.objectContaining({
+                duration: 500,
+                easing: 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await fadeOut(el, { duration: 200, fill: 'both' });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 200,
+                fill: 'both',
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(fadeOut(null)).rejects.toThrow('No element provided');
+        });
+    });
+    describe('fadeIn', () => {
+        it('should animate element with fade-in keyframes', async () => {
+            const { el, animate } = createMockElement();
+            await fadeIn(el);
+            expect(animate).toHaveBeenCalledWith([{ opacity: 0 }, { opacity: 1 }], expect.objectContaining({
+                duration: 500,
+                easing: 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await fadeIn(el, { duration: 800, easing: 'linear' });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 800,
+                easing: 'linear',
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(fadeIn(null)).rejects.toThrow('No element provided');
+        });
+    });
+    describe('showParallax', () => {
+        it('should animate element with parallax keyframes', async () => {
+            const { el, animate } = createMockElement();
+            await showParallax(el);
+            expect(animate).toHaveBeenCalledWith([
+                { transform: 'translate(50px, 0)', opacity: 0 },
+                { transform: 'translate(0, 0)', opacity: 1 },
+            ], expect.objectContaining({
+                duration: 900,
+                easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
+                fill: 'forwards',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await showParallax(el, { duration: 1200 });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 1200,
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(showParallax(null)).rejects.toThrow('No element provided');
+        });
+    });
+    describe('collapse', () => {
+        it('should animate element with collapse keyframes using scrollHeight', async () => {
+            const { el, animate } = createMockElement(150);
+            await collapse(el);
+            expect(animate).toHaveBeenCalledWith([
+                { height: '150px', opacity: 1 },
+                { height: '0px', opacity: 0 },
+            ], expect.objectContaining({
+                duration: 500,
+                easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
+                fill: 'forwards',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await collapse(el, { duration: 250 });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 250,
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(collapse(null)).rejects.toThrow('No element provided');
+        });
+        it('should handle zero scrollHeight', async () => {
+            const { el, animate } = createMockElement(0);
+            await collapse(el);
+            expect(animate).toHaveBeenCalledWith([
+                { height: '0px', opacity: 1 },
+                { height: '0px', opacity: 0 },
+            ], expect.any(Object));
+        });
+    });
+    describe('expand', () => {
+        it('should animate element with expand keyframes using scrollHeight', async () => {
+            const { el, animate } = createMockElement(200);
+            await expand(el);
+            expect(animate).toHaveBeenCalledWith([
+                { height: '0px', opacity: 0 },
+                { height: '200px', opacity: 1 },
+            ], expect.objectContaining({
+                duration: 500,
+                easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
+                fill: 'forwards',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await expand(el, { duration: 400, fill: 'both' });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 400,
+                fill: 'both',
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(expand(null)).rejects.toThrow('No element provided');
+        });
+    });
+});
+//# sourceMappingURL=animations.spec.js.map

package/esm/components/animations.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.spec.js","sourceRoot":"","sources":["../../src/components/animations.spec.ts"],"names":[],"mappings":"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"}

package/esm/components/app-bar-link.js

@@ -1,28 +1,29 @@
-import { attachProps, createComponent, LocationService, RouteLink, Shade } from '@furystack/shades';
+import { createComponent, LocationService, RouteLink, Shade } from '@furystack/shades';
 import { match } from 'path-to-regexp';
-import { ThemeProviderService } from '../services/theme-provider-service.js';
+import { cssVariableTheme } from '../services/css-variable-theme.js';
 export const AppBarLink = Shade({
     shadowDomName: 'shade-app-bar-link',
+    css: {
+        display: 'flex',
+        height: '100%',
+        textDecoration: 'none',
+        alignItems: 'center',
+        padding: '0 8px',
+        transition: 'color .2s ease-in-out, transform .2s ease-in-out',
+        cursor: 'pointer',
+        color: cssVariableTheme.text.secondary,
+        opacity: '0.8',
+        transform: 'scale(0.9)',
+        '&.active': {
+            color: cssVariableTheme.text.primary,
+            opacity: '1',
+            transform: 'scale(1)',
+        },
+    },
     render: ({ children, props, useObservable, injector, element }) => {
-        const getAnchorStyle = (currentUrl) => {
-            const isActive = !!match(props.href, props.routingOptions)(currentUrl);
-            const themeProviderService = injector.getInstance(ThemeProviderService);
-            const { theme } = themeProviderService;
-            return {
-                display: 'flex',
-                height: '100%',
-                textDecoration: 'none',
-                alignItems: 'center',
-                padding: '0 8px',
-                transition: 'color .2s ease-in-out, transform .2s ease-in-out',
-                color: isActive ? theme.text.primary : theme.text.secondary,
-                opacity: isActive ? '1' : '0.8',
-                transform: isActive ? 'scale(1)' : 'scale(0.9)',
-                cursor: 'pointer',
-            };
-        };
         const [currentUrl] = useObservable('locationChange', injector.getInstance(LocationService).onLocationPathChanged);
-        attachProps(element, { style: getAnchorStyle(currentUrl) });
+        const isActive = !!match(props.href, props.routingOptions)(currentUrl);
+        element.classList.toggle('active', isActive);
         return createComponent(RouteLink, { ...props }, children);
     },
 });

package/esm/components/app-bar-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-bar-link.js","sourceRoot":"","sources":["../../src/components/app-bar-link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACnG,OAAO,EAAE,KAAK,EAAqB,MAAM,gBAAgB,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAE5E,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAqD;IAClF,aAAa,EAAE,oBAAoB;IACnC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAChE,MAAM,cAAc,GAAG,CAAC,UAAkB,EAAE,EAAE;YAC5C,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAc,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,CAAA;YAChF,MAAM,oBAAoB,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;YACvE,MAAM,EAAE,KAAK,EAAE,GAAG,oBAAoB,CAAA;YACtC,OAAO;gBACL,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,MAAM;gBACd,cAAc,EAAE,MAAM;gBACtB,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,OAAO;gBAChB,UAAU,EAAE,kDAAkD;gBAC9D,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;gBAC3D,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;gBAC/B,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;gBAC/C,MAAM,EAAE,SAAS;aAClB,CAAA;QACH,CAAC,CAAA;QAED,MAAM,CAAC,UAAU,CAAC,GAAG,aAAa,CAAC,gBAAgB,EAAE,QAAQ,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,qBAAqB,CAAC,CAAA;QAEjH,WAAW,CAAC,OAAsB,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;QAE1E,OAAO,gBAAC,SAAS,OAAK,KAAK,IAAG,QAAQ,CAAa,CAAA;IACrD,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"app-bar-link.js","sourceRoot":"","sources":["../../src/components/app-bar-link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACtF,OAAO,EAAE,KAAK,EAAqB,MAAM,gBAAgB,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AAEpE,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAqD;IAClF,aAAa,EAAE,oBAAoB;IACnC,GAAG,EAAE;QACH,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,cAAc,EAAE,MAAM;QACtB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,kDAAkD;QAC9D,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,SAAS;QACtC,OAAO,EAAE,KAAK;QACd,SAAS,EAAE,YAAY;QACvB,UAAU,EAAE;YACV,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,OAAO;YACpC,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,UAAU;SACtB;KACF;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAChE,MAAM,CAAC,UAAU,CAAC,GAAG,aAAa,CAAC,gBAAgB,EAAE,QAAQ,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,qBAAqB,CAAC,CAAA;QAEjH,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAc,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,CAAA;QAChF,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAE5C,OAAO,gBAAC,SAAS,OAAK,KAAK,IAAG,QAAQ,CAAa,CAAA;IACrD,CAAC;CACF,CAAC,CAAA"}

package/esm/components/app-bar-link.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=app-bar-link.spec.d.ts.map

package/esm/components/app-bar-link.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-bar-link.spec.d.ts","sourceRoot":"","sources":["../../src/components/app-bar-link.spec.tsx"],"names":[],"mappings":""}

package/esm/components/app-bar-link.spec.js

@@ -0,0 +1,252 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, initializeShadeRoot, LocationService } from '@furystack/shades';
+import { sleepAsync, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import { AppBarLink } from './app-bar-link.js';
+describe('AppBarLink component', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    describe('rendering', () => {
+        it('should render the shade-app-bar-link custom element', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(AppBarLink, { href: "/test" }, "Link"),
+                });
+                await sleepAsync(50);
+                const appBarLink = document.querySelector('shade-app-bar-link');
+                expect(appBarLink).not.toBeNull();
+                expect(appBarLink?.tagName.toLowerCase()).toBe('shade-app-bar-link');
+            });
+        });
+        it('should render children through RouteLink', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(AppBarLink, { href: "/test" }, "Test Link Text"),
+                });
+                await sleepAsync(50);
+                expect(document.body.innerHTML).toContain('Test Link Text');
+            });
+        });
+        it('should render RouteLink with correct href', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(AppBarLink, { href: "/my-route" }, "Link"),
+                });
+                await sleepAsync(50);
+                expect(document.body.innerHTML).toContain('href="/my-route"');
+            });
+        });
+    });
+    describe('route matching', () => {
+        it('should have active class when current URL matches href', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                history.pushState(null, '', '/dashboard');
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(AppBarLink, { href: "/dashboard" }, "Dashboard"),
+                });
+                await sleepAsync(50);
+                const appBarLink = document.querySelector('shade-app-bar-link');
+                expect(appBarLink?.classList.contains('active')).toBe(true);
+            });
+        });
+        it('should not have active class when current URL does not match href', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                history.pushState(null, '', '/other-page');
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(AppBarLink, { href: "/dashboard" }, "Dashboard"),
+                });
+                await sleepAsync(50);
+                const appBarLink = document.querySelector('shade-app-bar-link');
+                expect(appBarLink?.classList.contains('active')).toBe(false);
+            });
+        });
+        it('should update active class when location changes', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                history.pushState(null, '', '/home');
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(AppBarLink, { href: "/dashboard" }, "Dashboard"),
+                });
+                await sleepAsync(50);
+                const appBarLink = document.querySelector('shade-app-bar-link');
+                expect(appBarLink?.classList.contains('active')).toBe(false);
+                // Navigate to matching route
+                history.pushState(null, '', '/dashboard');
+                injector.getInstance(LocationService).updateState();
+                await sleepAsync(50);
+                expect(appBarLink?.classList.contains('active')).toBe(true);
+            });
+        });
+        it('should remove active class when navigating away', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                history.pushState(null, '', '/dashboard');
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(AppBarLink, { href: "/dashboard" }, "Dashboard"),
+                });
+                await sleepAsync(50);
+                const appBarLink = document.querySelector('shade-app-bar-link');
+                expect(appBarLink?.classList.contains('active')).toBe(true);
+                // Navigate away
+                history.pushState(null, '', '/other');
+                injector.getInstance(LocationService).updateState();
+                await sleepAsync(50);
+                expect(appBarLink?.classList.contains('active')).toBe(false);
+            });
+        });
+        it('should match routes with parameters', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                history.pushState(null, '', '/users/123');
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(AppBarLink, { href: "/users/:id" }, "Users"),
+                });
+                await sleepAsync(50);
+                const appBarLink = document.querySelector('shade-app-bar-link');
+                expect(appBarLink?.classList.contains('active')).toBe(true);
+            });
+        });
+        it('should support routingOptions with end: false for prefix matching', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                history.pushState(null, '', '/admin/settings/security');
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(AppBarLink, { href: "/admin", routingOptions: { end: false } }, "Admin")),
+                });
+                await sleepAsync(50);
+                const appBarLink = document.querySelector('shade-app-bar-link');
+                expect(appBarLink?.classList.contains('active')).toBe(true);
+            });
+        });
+        it('should not match prefix by default (end: true)', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                history.pushState(null, '', '/admin/settings');
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(AppBarLink, { href: "/admin" }, "Admin"),
+                });
+                await sleepAsync(50);
+                const appBarLink = document.querySelector('shade-app-bar-link');
+                expect(appBarLink?.classList.contains('active')).toBe(false);
+            });
+        });
+    });
+    describe('multiple links', () => {
+        it('should only activate the matching link', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                history.pushState(null, '', '/settings');
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent("div", null,
+                        createComponent(AppBarLink, { href: "/home" }, "Home"),
+                        createComponent(AppBarLink, { href: "/settings" }, "Settings"),
+                        createComponent(AppBarLink, { href: "/about" }, "About"))),
+                });
+                await sleepAsync(50);
+                const links = document.querySelectorAll('shade-app-bar-link');
+                expect(links[0]?.classList.contains('active')).toBe(false);
+                expect(links[1]?.classList.contains('active')).toBe(true);
+                expect(links[2]?.classList.contains('active')).toBe(false);
+            });
+        });
+        it('should update all links when location changes', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                history.pushState(null, '', '/home');
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent("div", null,
+                        createComponent(AppBarLink, { href: "/home" }, "Home"),
+                        createComponent(AppBarLink, { href: "/settings" }, "Settings"))),
+                });
+                await sleepAsync(50);
+                const links = document.querySelectorAll('shade-app-bar-link');
+                expect(links[0]?.classList.contains('active')).toBe(true);
+                expect(links[1]?.classList.contains('active')).toBe(false);
+                // Navigate to settings
+                history.pushState(null, '', '/settings');
+                injector.getInstance(LocationService).updateState();
+                await sleepAsync(50);
+                expect(links[0]?.classList.contains('active')).toBe(false);
+                expect(links[1]?.classList.contains('active')).toBe(true);
+            });
+        });
+    });
+    describe('styling', () => {
+        it('should have flex display', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(AppBarLink, { href: "/test" }, "Link"),
+                });
+                await sleepAsync(50);
+                const appBarLink = document.querySelector('shade-app-bar-link');
+                const computedStyle = window.getComputedStyle(appBarLink);
+                expect(computedStyle.display).toBe('flex');
+            });
+        });
+        it('should have pointer cursor', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(AppBarLink, { href: "/test" }, "Link"),
+                });
+                await sleepAsync(50);
+                const appBarLink = document.querySelector('shade-app-bar-link');
+                const computedStyle = window.getComputedStyle(appBarLink);
+                expect(computedStyle.cursor).toBe('pointer');
+            });
+        });
+        it('should have transition for animations', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(AppBarLink, { href: "/test" }, "Link"),
+                });
+                await sleepAsync(50);
+                const appBarLink = document.querySelector('shade-app-bar-link');
+                const computedStyle = window.getComputedStyle(appBarLink);
+                expect(computedStyle.transition).toContain('color');
+            });
+        });
+    });
+});
+//# sourceMappingURL=app-bar-link.spec.js.map

package/esm/components/app-bar-link.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-bar-link.spec.js","sourceRoot":"","sources":["../../src/components/app-bar-link.spec.tsx"],"names":[],"mappings":"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"}