@furystack/shades-common-components 10.0.35 → 12.0.0

package/esm/components/divider.js.map

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

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

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

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

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

package/esm/components/divider.spec.js

@@ -0,0 +1,136 @@
+import { createComponent, flushUpdates } from '@furystack/shades';
+import { describe, expect, it } from 'vitest';
+import { Divider } from './divider.js';
+describe('Divider', () => {
+    it('should be defined', () => {
+        expect(Divider).toBeDefined();
+        expect(typeof Divider).toBe('function');
+    });
+    it('should create a divider element with default props', () => {
+        const el = (createComponent(Divider, null));
+        expect(el).toBeDefined();
+        expect(el.tagName?.toLowerCase()).toBe('shade-divider');
+    });
+    it('should set role="separator" by default', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, null)));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        expect(divider.getAttribute('role')).toBe('separator');
+    });
+    it('should render as horizontal by default (no data-orientation)', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, null)));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        expect(divider.hasAttribute('data-orientation')).toBe(false);
+    });
+    it('should set data-orientation="vertical" when orientation is vertical', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, { orientation: "vertical" })));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        expect(divider.getAttribute('data-orientation')).toBe('vertical');
+        expect(divider.getAttribute('aria-orientation')).toBe('vertical');
+    });
+    it('should set data-variant for inset variant', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, { variant: "inset" })));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        expect(divider.getAttribute('data-variant')).toBe('inset');
+    });
+    it('should set data-variant for middle variant', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, { variant: "middle" })));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        expect(divider.getAttribute('data-variant')).toBe('middle');
+    });
+    it('should not set data-variant for full variant', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, { variant: "full" })));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        expect(divider.hasAttribute('data-variant')).toBe(false);
+    });
+    it('should not set data-variant when no variant is specified', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, null)));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        expect(divider.hasAttribute('data-variant')).toBe(false);
+    });
+    it('should set data-has-children when children are provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, null, "Section")));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        expect(divider.hasAttribute('data-has-children')).toBe(true);
+    });
+    it('should not set data-has-children when no children', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, null)));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        expect(divider.hasAttribute('data-has-children')).toBe(false);
+    });
+    it('should render children inside a divider-text span', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, null, "OR")));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        const textSpan = divider.querySelector('.divider-text');
+        expect(textSpan).not.toBeNull();
+    });
+    it('should set data-text-align for left alignment', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, { textAlign: "left" }, "Section")));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        expect(divider.getAttribute('data-text-align')).toBe('left');
+    });
+    it('should set data-text-align for right alignment', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, { textAlign: "right" }, "Section")));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        expect(divider.getAttribute('data-text-align')).toBe('right');
+    });
+    it('should not set data-text-align for center alignment (default)', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, { textAlign: "center" }, "Section")));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        expect(divider.hasAttribute('data-text-align')).toBe(false);
+    });
+    it('should not set data-text-align when no textAlign is provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, null, "Section")));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        await flushUpdates();
+        expect(divider.hasAttribute('data-text-align')).toBe(false);
+    });
+    it('should accept and apply custom style', () => {
+        const el = (createComponent("div", null,
+            createComponent(Divider, { style: { borderColor: 'red' } })));
+        const divider = el.firstElementChild;
+        divider.updateComponent();
+        expect(divider.style.borderColor).toBe('red');
+    });
+});
+//# sourceMappingURL=divider.spec.js.map

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

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

package/esm/components/drawer/drawer-toggle-button.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Props for the DrawerToggleButton component.
+ */
+export type DrawerToggleButtonProps = {
+    /** Which drawer to toggle */
+    position: 'left' | 'right';
+    /** Button aria-label for accessibility. Default: 'Toggle drawer' */
+    ariaLabel?: string;
+};
+/**
+ * Default toggle button for collapsible drawers.
+ *
+ * Provides a hamburger menu icon that toggles the drawer open/closed
+ * via LayoutService. The icon animates between menu and close states.
+ *
+ * @example
+ * ```tsx
+ * // In AppBar
+ * <AppBar>
+ *   <DrawerToggleButton position="left" />
+ *   <h1>My App</h1>
+ * </AppBar>
+ *
+ * // With custom aria-label
+ * <DrawerToggleButton
+ *   position="left"
+ *   ariaLabel="Toggle navigation menu"
+ * />
+ * ```
+ */
+export declare const DrawerToggleButton: (props: DrawerToggleButtonProps & Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+//# sourceMappingURL=drawer-toggle-button.d.ts.map

package/esm/components/drawer/drawer-toggle-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-toggle-button.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer-toggle-button.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,kBAAkB;;;;sEAwF7B,CAAA"}

package/esm/components/drawer/drawer-toggle-button.js

@@ -0,0 +1,94 @@
+import { Shade, createComponent } from '@furystack/shades';
+import { cssVariableTheme } from '../../services/css-variable-theme.js';
+import { LayoutService } from '../../services/layout-service.js';
+/**
+ * Default toggle button for collapsible drawers.
+ *
+ * Provides a hamburger menu icon that toggles the drawer open/closed
+ * via LayoutService. The icon animates between menu and close states.
+ *
+ * @example
+ * ```tsx
+ * // In AppBar
+ * <AppBar>
+ *   <DrawerToggleButton position="left" />
+ *   <h1>My App</h1>
+ * </AppBar>
+ *
+ * // With custom aria-label
+ * <DrawerToggleButton
+ *   position="left"
+ *   ariaLabel="Toggle navigation menu"
+ * />
+ * ```
+ */
+export const DrawerToggleButton = Shade({
+    shadowDomName: 'shade-drawer-toggle-button',
+    css: {
+        display: 'inline-block',
+        '& button': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: '40px',
+            height: '40px',
+            padding: '0',
+            margin: '0',
+            border: 'none',
+            borderRadius: '50%',
+            background: 'transparent',
+            cursor: 'pointer',
+            transition: `background-color ${cssVariableTheme.transitions.duration.normal} ease`,
+            color: cssVariableTheme.text.primary,
+        },
+        '& button:hover': {
+            backgroundColor: cssVariableTheme.button.hover,
+        },
+        '& button:focus-visible': {
+            outline: `2px solid ${cssVariableTheme.palette.primary.main}`,
+            outlineOffset: '2px',
+        },
+        // Hamburger icon container
+        '& .hamburger': {
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'space-between',
+            width: '20px',
+            height: '14px',
+        },
+        '& .hamburger span': {
+            display: 'block',
+            width: '100%',
+            height: '2px',
+            backgroundColor: 'currentColor',
+            borderRadius: '1px',
+            transition: `transform ${cssVariableTheme.transitions.duration.slow} ease, opacity ${cssVariableTheme.transitions.duration.slow} ease`,
+        },
+        // Open state - transform to X
+        '& .hamburger.open span:nth-child(1)': {
+            transform: 'translateY(6px) rotate(45deg)',
+        },
+        '& .hamburger.open span:nth-child(2)': {
+            opacity: '0',
+        },
+        '& .hamburger.open span:nth-child(3)': {
+            transform: 'translateY(-6px) rotate(-45deg)',
+        },
+    },
+    render: ({ props, injector, useObservable }) => {
+        const layoutService = injector.getInstance(LayoutService);
+        const { position, ariaLabel = 'Toggle drawer' } = props;
+        // Subscribe to drawer state to update icon
+        const [drawerState] = useObservable('drawerState', layoutService.drawerState);
+        const isOpen = drawerState[position]?.open ?? false;
+        const handleClick = () => {
+            layoutService.toggleDrawer(position);
+        };
+        return (createComponent("button", { type: "button", onclick: handleClick, "aria-label": ariaLabel, "aria-expanded": isOpen ? 'true' : 'false', "data-testid": `drawer-toggle-${position}` },
+            createComponent("div", { className: `hamburger ${isOpen ? 'open' : ''}` },
+                createComponent("span", null),
+                createComponent("span", null),
+                createComponent("span", null))));
+    },
+});
+//# sourceMappingURL=drawer-toggle-button.js.map

package/esm/components/drawer/drawer-toggle-button.js.map

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

package/esm/components/drawer/drawer-toggle-button.spec.d.ts

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

package/esm/components/drawer/drawer-toggle-button.spec.d.ts.map

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

package/esm/components/drawer/drawer-toggle-button.spec.js

@@ -0,0 +1,306 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, initializeShadeRoot } from '@furystack/shades';
+import { sleepAsync, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { LayoutService } from '../../services/layout-service.js';
+import { DrawerToggleButton } from './drawer-toggle-button.js';
+/**
+ * Creates a mock element for LayoutService
+ */
+const createMockElement = () => ({
+    style: {
+        setProperty: vi.fn(),
+    },
+});
+describe('DrawerToggleButton component', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    describe('rendering', () => {
+        it('should render the shade-drawer-toggle-button custom element', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "left" }),
+                });
+                await sleepAsync(50);
+                const element = document.querySelector('shade-drawer-toggle-button');
+                expect(element).not.toBeNull();
+                expect(element?.tagName.toLowerCase()).toBe('shade-drawer-toggle-button');
+            });
+        });
+        it('should render a button element', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "left" }),
+                });
+                await sleepAsync(50);
+                const button = document.querySelector('button');
+                expect(button).not.toBeNull();
+            });
+        });
+        it('should render hamburger icon', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "left" }),
+                });
+                await sleepAsync(50);
+                const hamburger = document.querySelector('.hamburger');
+                expect(hamburger).not.toBeNull();
+                // Should have 3 lines
+                const spans = hamburger?.querySelectorAll('span');
+                expect(spans?.length).toBe(3);
+            });
+        });
+    });
+    describe('accessibility', () => {
+        // Note: aria-* attributes in Shades JSX don't propagate in JSDOM test environment.
+        // These tests verify the component accepts the props correctly.
+        // The aria attributes are set in JSX and work correctly in browser environments.
+        it('should accept ariaLabel prop with default value', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "left" }),
+                });
+                await sleepAsync(50);
+                const button = document.querySelector('[data-testid="drawer-toggle-left"]');
+                expect(button).not.toBeNull();
+                // Button is rendered, aria-label is set in JSX (may not be visible in JSDOM)
+            });
+        });
+        it('should accept custom ariaLabel prop', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "left", ariaLabel: "Toggle navigation menu" }),
+                });
+                await sleepAsync(50);
+                const button = document.querySelector('[data-testid="drawer-toggle-left"]');
+                expect(button).not.toBeNull();
+                // Button is rendered with custom ariaLabel prop (may not be visible in JSDOM)
+            });
+        });
+        it('should reflect drawer state in visual appearance', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                // Initialize drawer as open
+                layoutService.initDrawer('left', { open: true, width: '240px', variant: 'collapsible' });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "left" }),
+                });
+                await sleepAsync(50);
+                const button = document.querySelector('[data-testid="drawer-toggle-left"]');
+                expect(button).not.toBeNull();
+                // Verify hamburger has open class when drawer is open
+                let hamburger = document.querySelector('.hamburger');
+                expect(hamburger?.classList.contains('open')).toBe(true);
+                // Close drawer
+                layoutService.setDrawerOpen('left', false);
+                await sleepAsync(50);
+                // Verify hamburger doesn't have open class when drawer is closed
+                hamburger = document.querySelector('.hamburger');
+                expect(hamburger?.classList.contains('open')).toBe(false);
+            });
+        });
+        it('should have type="button" to prevent form submission', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "left" }),
+                });
+                await sleepAsync(50);
+                const button = document.querySelector('button');
+                expect(button?.getAttribute('type')).toBe('button');
+            });
+        });
+    });
+    describe('toggling', () => {
+        it('should toggle left drawer when clicked', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                // Initialize drawer as open
+                layoutService.initDrawer('left', { open: true, width: '240px', variant: 'collapsible' });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "left" }),
+                });
+                await sleepAsync(50);
+                expect(layoutService.drawerState.getValue().left?.open).toBe(true);
+                // Click the button
+                const button = document.querySelector('button');
+                button.click();
+                await sleepAsync(50);
+                expect(layoutService.drawerState.getValue().left?.open).toBe(false);
+                // Click again
+                button.click();
+                await sleepAsync(50);
+                expect(layoutService.drawerState.getValue().left?.open).toBe(true);
+            });
+        });
+        it('should toggle right drawer when clicked', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                // Initialize drawer as open
+                layoutService.initDrawer('right', { open: true, width: '200px', variant: 'collapsible' });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "right" }),
+                });
+                await sleepAsync(50);
+                expect(layoutService.drawerState.getValue().right?.open).toBe(true);
+                // Click the button
+                const button = document.querySelector('button');
+                button.click();
+                await sleepAsync(50);
+                expect(layoutService.drawerState.getValue().right?.open).toBe(false);
+            });
+        });
+        it('should not throw if drawer is not initialized', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "left" }),
+                });
+                await sleepAsync(50);
+                // Should not throw when clicking even though drawer isn't initialized
+                const button = document.querySelector('button');
+                expect(() => button.click()).not.toThrow();
+            });
+        });
+    });
+    describe('visual state', () => {
+        it('should not have open class when drawer is closed', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                // Initialize drawer as closed
+                layoutService.initDrawer('left', { open: false, width: '240px', variant: 'collapsible' });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "left" }),
+                });
+                await sleepAsync(50);
+                const hamburger = document.querySelector('.hamburger');
+                expect(hamburger?.classList.contains('open')).toBe(false);
+            });
+        });
+        it('should have open class when drawer is open', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                // Initialize drawer as open
+                layoutService.initDrawer('left', { open: true, width: '240px', variant: 'collapsible' });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "left" }),
+                });
+                await sleepAsync(50);
+                const hamburger = document.querySelector('.hamburger');
+                expect(hamburger?.classList.contains('open')).toBe(true);
+            });
+        });
+        it('should update visual state when drawer state changes', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                // Initialize drawer as open
+                layoutService.initDrawer('left', { open: true, width: '240px', variant: 'collapsible' });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "left" }),
+                });
+                await sleepAsync(50);
+                let hamburger = document.querySelector('.hamburger');
+                expect(hamburger?.classList.contains('open')).toBe(true);
+                // Close drawer via LayoutService
+                layoutService.setDrawerOpen('left', false);
+                await sleepAsync(50);
+                hamburger = document.querySelector('.hamburger');
+                expect(hamburger?.classList.contains('open')).toBe(false);
+            });
+        });
+    });
+    describe('data-testid', () => {
+        it('should have data-testid for left position', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "left" }),
+                });
+                await sleepAsync(50);
+                const button = document.querySelector('[data-testid="drawer-toggle-left"]');
+                expect(button).not.toBeNull();
+            });
+        });
+        it('should have data-testid for right position', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const layoutService = new LayoutService(createMockElement());
+                injector.setExplicitInstance(layoutService, LayoutService);
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(DrawerToggleButton, { position: "right" }),
+                });
+                await sleepAsync(50);
+                const button = document.querySelector('[data-testid="drawer-toggle-right"]');
+                expect(button).not.toBeNull();
+            });
+        });
+    });
+});
+//# sourceMappingURL=drawer-toggle-button.spec.js.map

package/esm/components/drawer/drawer-toggle-button.spec.js.map

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