@furystack/shades-common-components 10.0.35 → 12.0.0

package/esm/components/modal.spec.js

@@ -0,0 +1,234 @@
+import { Injector } from '@furystack/inject';
+import { initializeShadeRoot, createComponent, Shade, flushUpdates } from '@furystack/shades';
+import { sleepAsync, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { Modal } from './modal.js';
+describe('Modal', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    describe('visibility', () => {
+        it('should render when isVisible is true', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Modal, { isVisible: true },
+                        createComponent("div", { id: "modal-content" }, "Modal Content"))),
+                });
+                await sleepAsync(50);
+                expect(document.body.innerHTML).toContain('shade-backdrop');
+                expect(document.body.innerHTML).toContain('modal-content');
+            });
+        });
+        it('should not render when isVisible is false', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Modal, { isVisible: false },
+                        createComponent("div", { id: "modal-content" }, "Modal Content"))),
+                });
+                await sleepAsync(50);
+                expect(document.body.innerHTML).not.toContain('shade-backdrop');
+                expect(document.body.innerHTML).not.toContain('modal-content');
+            });
+        });
+        it('should show modal when isVisible changes from false to true', async () => {
+            let setVisible;
+            const Wrapper = Shade({
+                shadowDomName: 'modal-visibility-test-show',
+                render: ({ useState }) => {
+                    const [visible, setter] = useState('visible', false);
+                    setVisible = setter;
+                    return (createComponent(Modal, { isVisible: visible },
+                        createComponent("div", { id: "modal-content" }, "Modal Content")));
+                },
+            });
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({ injector, rootElement, jsxElement: createComponent(Wrapper, null) });
+                await sleepAsync(50);
+                expect(document.body.innerHTML).not.toContain('modal-content');
+                setVisible(true);
+                await flushUpdates();
+                await sleepAsync(50);
+                expect(document.body.innerHTML).toContain('shade-backdrop');
+                expect(document.body.innerHTML).toContain('modal-content');
+            });
+        });
+        it('should hide modal when isVisible changes from true to false', async () => {
+            let setVisible;
+            const Wrapper = Shade({
+                shadowDomName: 'modal-visibility-test-hide',
+                render: ({ useState }) => {
+                    const [visible, setter] = useState('visible', true);
+                    setVisible = setter;
+                    return (createComponent(Modal, { isVisible: visible },
+                        createComponent("div", { id: "modal-content" }, "Modal Content")));
+                },
+            });
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({ injector, rootElement, jsxElement: createComponent(Wrapper, null) });
+                await sleepAsync(50);
+                expect(document.body.innerHTML).toContain('modal-content');
+                setVisible(false);
+                await flushUpdates();
+                await sleepAsync(50);
+                expect(document.body.innerHTML).not.toContain('shade-backdrop');
+                expect(document.body.innerHTML).not.toContain('modal-content');
+            });
+        });
+    });
+    describe('backdrop click', () => {
+        it('should call onClose when backdrop is clicked', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const onClose = vi.fn();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Modal, { isVisible: true, onClose: onClose },
+                        createComponent("div", { id: "modal-content" }, "Modal Content"))),
+                });
+                await sleepAsync(50);
+                const backdrop = document.querySelector('.shade-backdrop');
+                expect(backdrop).not.toBeNull();
+                backdrop.click();
+                await sleepAsync(50);
+                expect(onClose).toHaveBeenCalledTimes(1);
+            });
+        });
+        it('should call hideAnimation before onClose when backdrop is clicked', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const callOrder = [];
+                const hideAnimation = vi.fn(async () => {
+                    callOrder.push('hideAnimation');
+                });
+                const onClose = vi.fn(() => {
+                    callOrder.push('onClose');
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Modal, { isVisible: true, onClose: onClose, hideAnimation: hideAnimation },
+                        createComponent("div", { id: "modal-content" }, "Modal Content"))),
+                });
+                await sleepAsync(50);
+                const backdrop = document.querySelector('.shade-backdrop');
+                backdrop.click();
+                await sleepAsync(50);
+                expect(hideAnimation).toHaveBeenCalledTimes(1);
+                expect(onClose).toHaveBeenCalledTimes(1);
+                expect(callOrder).toEqual(['hideAnimation', 'onClose']);
+            });
+        });
+    });
+    describe('animations', () => {
+        it('should call showAnimation when modal becomes visible', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const showAnimation = vi.fn();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Modal, { isVisible: true, showAnimation: showAnimation },
+                        createComponent("div", { id: "modal-content" }, "Modal Content"))),
+                });
+                await sleepAsync(50);
+                expect(showAnimation).toHaveBeenCalled();
+            });
+        });
+        it('should call showAnimation with element when visibility changes to true', async () => {
+            let setVisible;
+            const showAnimation = vi.fn();
+            const Wrapper = Shade({
+                shadowDomName: 'modal-show-animation-test',
+                render: ({ useState }) => {
+                    const [visible, setter] = useState('visible', false);
+                    setVisible = setter;
+                    return (createComponent(Modal, { isVisible: visible, showAnimation: showAnimation },
+                        createComponent("div", { id: "modal-content" }, "Modal Content")));
+                },
+            });
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({ injector, rootElement, jsxElement: createComponent(Wrapper, null) });
+                await sleepAsync(50);
+                expect(showAnimation).not.toHaveBeenCalled();
+                setVisible(true);
+                await flushUpdates();
+                await sleepAsync(50);
+                expect(showAnimation).toHaveBeenCalled();
+                expect(showAnimation.mock.calls[0][0]).toBeInstanceOf(Element);
+            });
+        });
+        it('should call hideAnimation with element on backdrop click', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const hideAnimation = vi.fn();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Modal, { isVisible: true, hideAnimation: hideAnimation },
+                        createComponent("div", { id: "modal-content" }, "Modal Content"))),
+                });
+                await sleepAsync(50);
+                const backdrop = document.querySelector('.shade-backdrop');
+                backdrop.click();
+                await sleepAsync(50);
+                expect(hideAnimation).toHaveBeenCalled();
+                expect(hideAnimation.mock.calls[0][0]).toBeInstanceOf(Element);
+            });
+        });
+    });
+    describe('styling', () => {
+        it('should apply custom backdropStyle', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const backdropStyle = {
+                    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+                    zIndex: '1000',
+                };
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Modal, { isVisible: true, backdropStyle: backdropStyle },
+                        createComponent("div", { id: "modal-content" }, "Modal Content"))),
+                });
+                await sleepAsync(50);
+                const backdrop = document.querySelector('.shade-backdrop');
+                expect(backdrop).not.toBeNull();
+                expect(backdrop.style.backgroundColor).toBe('rgba(0, 0, 0, 0.5)');
+                expect(backdrop.style.zIndex).toBe('1000');
+            });
+        });
+    });
+    describe('children', () => {
+        it('should render children inside the backdrop', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Modal, { isVisible: true },
+                        createComponent("div", { id: "child-1" }, "First Child"),
+                        createComponent("div", { id: "child-2" }, "Second Child"))),
+                });
+                await sleepAsync(50);
+                const backdrop = document.querySelector('.shade-backdrop');
+                expect(backdrop).not.toBeNull();
+                expect(backdrop.innerHTML).toContain('child-1');
+                expect(backdrop.innerHTML).toContain('child-2');
+            });
+        });
+    });
+});
+//# sourceMappingURL=modal.spec.js.map

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

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

package/esm/components/noty-list.d.ts

@@ -5,8 +5,12 @@ export declare const NotyComponent: (props: {
     onDismiss: () => void;
 } & Omit<Partial<HTMLElement>, "style"> & {
     style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
 }, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
 export declare const NotyList: (props: Omit<Partial<HTMLElement>, "style"> & {
     style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
 }, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
 //# sourceMappingURL=noty-list.d.ts.map

package/esm/components/noty-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"noty-list.d.ts","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAM5D,eAAO,MAAM,sBAAsB,GAAI,MAAM,SAAS,CAAC,MAAM,CAAC,qBAa7D,CAAA;AAED,eAAO,MAAM,aAAa;WAAkB,SAAS;eAAa,MAAM,IAAI;;;sEA8H1E,CAAA;AAEF,eAAO,MAAM,QAAQ;;sEAsCnB,CAAA"}
+{"version":3,"file":"noty-list.d.ts","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAO5D,eAAO,MAAM,sBAAsB,GAAI,MAAM,SAAS,CAAC,MAAM,CAAC,qBAa7D,CAAA;AAED,eAAO,MAAM,aAAa;WAAkB,SAAS;eAAa,MAAM,IAAI;;;;;sEAqH1E,CAAA;AAEF,eAAO,MAAM,QAAQ;;;;sEA0CnB,CAAA"}

package/esm/components/noty-list.js

@@ -1,8 +1,10 @@
 import { createComponent, Shade } from '@furystack/shades';
+import { cssVariableTheme } from '../services/css-variable-theme.js';
 import { NotyService } from '../services/noty-service.js';
 import { ThemeProviderService } from '../services/theme-provider-service.js';
 import { promisifyAnimation } from '../utils/promisify-animation.js';
-import { Button } from './button.js';
+import { Icon } from './icons/icon.js';
+import { close } from './icons/icon-definitions.js';
 export const getDefaultNotyTimeouts = (type) => {
     switch (type) {
         case 'error':
@@ -19,43 +21,82 @@ export const getDefaultNotyTimeouts = (type) => {
 };
 export const NotyComponent = Shade({
     shadowDomName: 'shade-noty',
-    constructed: ({ element }) => {
-        setTimeout(() => {
-            const height = element.scrollHeight || 80;
-            void promisifyAnimation(element, [
-                { opacity: '0', height: '0px' },
-                { opacity: '1', height: `${height}px` },
-            ], {
-                fill: 'forwards',
-                duration: 700,
-                easing: 'cubic-bezier(0.190, 1.000, 0.220, 1.000)',
-            });
-        });
-    },
-    style: {
-        margin: '8px',
+    css: {
+        margin: cssVariableTheme.spacing.xs,
         overflow: 'hidden',
-        borderRadius: '12px',
-        boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.08)',
-        width: '340px',
+        borderRadius: cssVariableTheme.shape.borderRadius.md,
+        boxShadow: cssVariableTheme.shadows.sm,
+        width: '300px',
         display: 'flex',
         flexDirection: 'column',
         height: '0px',
-        border: '1px solid rgba(0, 0, 0, 0.1)',
-        backdropFilter: 'blur(10px)',
+        backgroundColor: 'var(--noty-bg)',
+        color: 'var(--noty-text)',
+        '& .noty-header': {
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            padding: `${cssVariableTheme.spacing.sm} ${cssVariableTheme.spacing.sm} 0 ${cssVariableTheme.spacing.sm}`,
+        },
+        '& .noty-title': {
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            margin: '0',
+            fontSize: '0.85em',
+            fontWeight: cssVariableTheme.typography.fontWeight.semibold,
+        },
+        '& .dismiss-button': {
+            margin: '0',
+            padding: cssVariableTheme.spacing.xs,
+            fontSize: cssVariableTheme.typography.fontSize.md,
+            minWidth: 'auto',
+            background: 'transparent',
+            border: 'none',
+            cursor: 'pointer',
+            opacity: '0.7',
+            transition: `opacity ${cssVariableTheme.transitions.duration.fast} ease`,
+            lineHeight: '1',
+        },
+        '& .dismiss-button:hover': {
+            opacity: '1',
+        },
+        '& .noty-body': {
+            padding: `${cssVariableTheme.spacing.xs} ${cssVariableTheme.spacing.sm} ${cssVariableTheme.spacing.sm} ${cssVariableTheme.spacing.sm}`,
+            fontSize: '0.8em',
+            lineHeight: '1.4',
+        },
     },
-    render: ({ props, injector, element }) => {
+    render: ({ props, injector, useDisposable, useHostProps, useRef }) => {
+        const wrapperRef = useRef('wrapper');
+        useDisposable('enter-animation', () => {
+            setTimeout(() => {
+                const hostEl = wrapperRef.current?.closest('shade-noty');
+                if (!hostEl)
+                    return;
+                const height = hostEl.scrollHeight || 60;
+                void promisifyAnimation(hostEl, [
+                    { opacity: '0', height: '0px' },
+                    { opacity: '1', height: `${height}px` },
+                ], {
+                    fill: 'forwards',
+                    duration: 500,
+                    easing: 'cubic-bezier(0.190, 1.000, 0.220, 1.000)',
+                });
+            });
+            return { [Symbol.dispose]: () => { } };
+        });
         const themeProvider = injector.getInstance(ThemeProviderService);
         const colors = themeProvider.theme.palette[props.model.type];
-        const headerTextColor = themeProvider.getTextColor(colors.dark);
         const textColor = themeProvider.getTextColor(colors.main);
         const removeSelf = async () => {
-            await promisifyAnimation(element, [
-                { opacity: '1', height: `${element?.scrollHeight || 0}px`, margin: '8px 8px' },
-                { opacity: '0', height: '0px', margin: '0px 8px' },
+            const hostEl = wrapperRef.current?.closest('shade-noty');
+            await promisifyAnimation(hostEl, [
+                { opacity: '1', height: `${hostEl?.scrollHeight || 0}px`, margin: '6px 6px' },
+                { opacity: '0', height: '0px', margin: '0px 6px' },
             ], {
                 fill: 'forwards',
-                duration: 700,
+                duration: 500,
                 easing: 'cubic-bezier(0.190, 1.000, 0.220, 1.000)',
             });
             props.onDismiss();
@@ -64,71 +105,41 @@ export const NotyComponent = Shade({
         if (timeout) {
             setTimeout(() => void removeSelf(), timeout);
         }
-        element.className = `noty ${props.model.type}`;
-        element.style.backgroundColor = colors.main;
-        element.style.color = textColor;
-        return (createComponent(createComponent, null,
-            createComponent("div", { style: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    padding: '12px 12px 12px 20px',
-                    backgroundColor: colors.dark,
-                    color: headerTextColor,
-                    borderBottom: '1px solid rgba(0, 0, 0, 0.1)',
-                } },
-                createComponent("h5", { style: {
-                        whiteSpace: 'nowrap',
-                        overflow: 'hidden',
-                        textOverflow: 'ellipsis',
-                        margin: '0',
-                        fontSize: '0.95em',
-                        fontWeight: '600',
-                        letterSpacing: '0.01em',
-                    }, title: props.model.title }, props.model.title),
-                createComponent(Button, { style: {
-                        margin: '0',
-                        padding: '4px 8px',
-                        fontSize: '16px',
-                        minWidth: '28px',
-                        opacity: '0.8',
-                        transition: 'opacity 0.2s ease',
-                    }, className: "dismissNoty", onmouseenter: (e) => {
-                        ;
-                        e.currentTarget.style.opacity = '1';
-                    }, onmouseleave: (e) => {
-                        ;
-                        e.currentTarget.style.opacity = '0.8';
-                    }, onclick: removeSelf, title: "Close Notification", variant: "contained", color: props.model.type }, "\u2716")),
-            createComponent("div", { style: {
-                    padding: '16px 20px 18px 20px',
-                    fontSize: '0.9em',
-                    lineHeight: '1.5',
-                    fontWeight: '400',
-                } }, props.model.body)));
+        useHostProps({
+            'data-noty-type': props.model.type,
+            style: { '--noty-bg': colors.main, '--noty-text': textColor },
+        });
+        return (createComponent("div", { ref: wrapperRef, style: { display: 'contents' } },
+            createComponent("div", { className: "noty-header" },
+                createComponent("span", { className: "noty-title", title: props.model.title }, props.model.title),
+                createComponent("button", { className: "dismiss-button", onclick: removeSelf, title: "Close", style: { color: 'inherit' } },
+                    createComponent(Icon, { icon: close, size: 14 }))),
+            createComponent("div", { className: "noty-body" }, props.model.body)));
     },
 });
 export const NotyList = Shade({
     shadowDomName: 'shade-noty-list',
-    style: {
+    css: {
         position: 'fixed',
-        bottom: '1em',
-        right: '1em',
+        bottom: cssVariableTheme.spacing.md,
+        right: cssVariableTheme.spacing.md,
         display: 'flex',
         flexDirection: 'column',
     },
-    render: ({ useDisposable, injector, element }) => {
+    render: ({ useDisposable, injector, useRef }) => {
         const notyService = injector.getInstance(NotyService);
+        const containerRef = useRef('container');
         const currentNotys = notyService.getNotyList();
-        useDisposable('addNoty', () => notyService.subscribe('onNotyAdded', (n) => element.append(createComponent(NotyComponent, { model: n, onDismiss: () => notyService.emit('onNotyRemoved', n) }))));
+        useDisposable('addNoty', () => notyService.subscribe('onNotyAdded', (n) => containerRef.current?.append(createComponent(NotyComponent, { model: n, onDismiss: () => notyService.emit('onNotyRemoved', n) }))));
         useDisposable('removeNoty', () => notyService.subscribe('onNotyRemoved', (n) => {
-            element.querySelectorAll('shade-noty').forEach((e) => {
+            const notys = containerRef.current?.querySelectorAll('shade-noty') || [];
+            notys.forEach((e) => {
                 if (e.props.model === n) {
                     e.remove();
                 }
             });
         }));
-        return (createComponent(createComponent, null, currentNotys.map((n) => (createComponent(NotyComponent, { model: n, onDismiss: () => injector.getInstance(NotyService).emit('onNotyRemoved', n) })))));
+        return (createComponent("div", { ref: containerRef, style: { display: 'contents' } }, currentNotys.map((n) => (createComponent(NotyComponent, { model: n, onDismiss: () => injector.getInstance(NotyService).emit('onNotyRemoved', n) })))));
     },
 });
 //# sourceMappingURL=noty-list.js.map

package/esm/components/noty-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"noty-list.js","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEpC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,IAAuB,EAAE,EAAE;IAChE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,CAAC,CAAA;QACV,KAAK,SAAS;YACZ,OAAO,CAAC,CAAA;QACV,KAAK,SAAS;YACZ,OAAO,IAAI,CAAA;QACb,KAAK,MAAM;YACT,OAAO,KAAK,CAAA;QACd;YACE,OAAO,CAAC,CAAA;IACZ,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAA8C;IAC9E,aAAa,EAAE,YAAY;IAC3B,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QAC3B,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,IAAI,EAAE,CAAA;YACzC,KAAK,kBAAkB,CACrB,OAAO,EACP;gBACE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE;gBAC/B,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE;aACxC,EACD;gBACE,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,0CAA0C;aACnD,CACF,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,KAAK,EAAE;QACL,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,MAAM;QACpB,SAAS,EAAE,+DAA+D;QAC1E,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,8BAA8B;QACtC,cAAc,EAAE,YAAY;KAC7B;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAChE,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC5D,MAAM,eAAe,GAAG,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAC/D,MAAM,SAAS,GAAG,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAEzD,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;YAC5B,MAAM,kBAAkB,CACtB,OAAO,EACP;gBACE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,YAAY,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE;gBAC9E,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE;aACnD,EACD;gBACE,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,0CAA0C;aACnD,CACF,CAAA;YACD,KAAK,CAAC,SAAS,EAAE,CAAA;QACnB,CAAC,CAAA;QAED,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,sBAAsB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC/E,IAAI,OAAO,EAAE,CAAC;YACZ,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,UAAU,EAAE,EAAE,OAAO,CAAC,CAAA;QAC9C,CAAC;QAED,OAAO,CAAC,SAAS,GAAG,QAAQ,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;QAC9C,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,IAAI,CAAA;QAC3C,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAA;QAE/B,OAAO,CACL;YACE,yBACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,eAAe;oBAC/B,UAAU,EAAE,QAAQ;oBACpB,OAAO,EAAE,qBAAqB;oBAC9B,eAAe,EAAE,MAAM,CAAC,IAAI;oBAC5B,KAAK,EAAE,eAAe;oBACtB,YAAY,EAAE,8BAA8B;iBAC7C;gBAED,wBACE,KAAK,EAAE;wBACL,UAAU,EAAE,QAAQ;wBACpB,QAAQ,EAAE,QAAQ;wBAClB,YAAY,EAAE,UAAU;wBACxB,MAAM,EAAE,GAAG;wBACX,QAAQ,EAAE,QAAQ;wBAClB,UAAU,EAAE,KAAK;wBACjB,aAAa,EAAE,QAAQ;qBACxB,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAEvB,KAAK,CAAC,KAAK,CAAC,KAAK,CACf;gBACL,gBAAC,MAAM,IACL,KAAK,EAAE;wBACL,MAAM,EAAE,GAAG;wBACX,OAAO,EAAE,SAAS;wBAClB,QAAQ,EAAE,MAAM;wBAChB,QAAQ,EAAE,MAAM;wBAChB,OAAO,EAAE,KAAK;wBACd,UAAU,EAAE,mBAAmB;qBAChC,EACD,SAAS,EAAC,aAAa,EACvB,YAAY,EAAE,CAAC,CAAa,EAAE,EAAE;wBAC9B,CAAC;wBAAC,CAAC,CAAC,aAA6B,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA;oBACvD,CAAC,EACD,YAAY,EAAE,CAAC,CAAa,EAAE,EAAE;wBAC9B,CAAC;wBAAC,CAAC,CAAC,aAA6B,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAA;oBACzD,CAAC,EACD,OAAO,EAAE,UAAU,EACnB,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,aAGhB,CACL;YACN,yBACE,KAAK,EAAE;oBACL,OAAO,EAAE,qBAAqB;oBAC9B,QAAQ,EAAE,OAAO;oBACjB,UAAU,EAAE,KAAK;oBACjB,UAAU,EAAE,KAAK;iBAClB,IAEA,KAAK,CAAC,KAAK,CAAC,IAAI,CACb,CACL,CACJ,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC;IAC5B,aAAa,EAAE,iBAAiB;IAChC,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACxB;IACD,MAAM,EAAE,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAC/C,MAAM,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;QAErD,MAAM,YAAY,GAAG,WAAW,CAAC,WAAW,EAAE,CAAA;QAE9C,aAAa,CAAC,SAAS,EAAE,GAAG,EAAE,CAC5B,WAAW,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CACzC,OAAO,CAAC,MAAM,CAAC,gBAAC,aAAa,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,GAAI,CAAC,CACnG,CACF,CAAA;QAED,aAAa,CAAC,YAAY,EAAE,GAAG,EAAE,CAC/B,WAAW,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;YAC3C,OAAO,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACnD,IAAK,CAAwC,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,EAAE,CAAC;oBAChE,CAAC,CAAC,MAAM,EAAE,CAAA;gBACZ,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CACH,CAAA;QAED,OAAO,CACL,uCACG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACvB,gBAAC,aAAa,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,GAAI,CACzG,CAAC,CACD,CACJ,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"noty-list.js","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"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"}

package/esm/components/noty-list.spec.d.ts

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

package/esm/components/noty-list.spec.d.ts.map

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