@nova-design-system/nova-webcomponents 3.9.1 → 3.10.0

package/dist/collection/components/nv-buttongroup/test/nv-buttongroup.utils.test.js

@@ -0,0 +1,312 @@
+// @vitest-environment happy-dom
+/* eslint-disable jsdoc/require-jsdoc */
+import { describe, it, expect, beforeEach } from "vitest";
+import { findFirstButtonOrLink, forwardPropsToChildren, } from "../nv-buttongroup.utils";
+describe('nv-buttongroup -> utils', () => {
+    describe('findFirstButtonOrLink', () => {
+        it('should return the element itself if it is an nv-button', () => {
+            const button = document.createElement('nv-button');
+            const result = findFirstButtonOrLink(button);
+            expect(result).toBe(button);
+        });
+        it('should return the element itself if it is an nv-iconbutton', () => {
+            const iconButton = document.createElement('nv-iconbutton');
+            const result = findFirstButtonOrLink(iconButton);
+            expect(result).toBe(iconButton);
+        });
+        it('should return the element itself if it is an anchor tag', () => {
+            const anchor = document.createElement('a');
+            const result = findFirstButtonOrLink(anchor);
+            expect(result).toBe(anchor);
+        });
+        it('should return null for non-matching elements', () => {
+            const div = document.createElement('div');
+            const result = findFirstButtonOrLink(div);
+            expect(result).toBe(null);
+        });
+        it('should find nested nv-button within multiple div layers', () => {
+            const container = document.createElement('div');
+            const wrapper = document.createElement('div');
+            const innerWrapper = document.createElement('div');
+            const button = document.createElement('nv-button');
+            container.appendChild(wrapper);
+            wrapper.appendChild(innerWrapper);
+            innerWrapper.appendChild(button);
+            const result = findFirstButtonOrLink(container);
+            expect(result).toBe(button);
+        });
+        it('should find nested nv-iconbutton within complex structure', () => {
+            const container = document.createElement('div');
+            const span = document.createElement('span');
+            const iconButton = document.createElement('nv-iconbutton');
+            container.appendChild(span);
+            span.appendChild(iconButton);
+            const result = findFirstButtonOrLink(container);
+            expect(result).toBe(iconButton);
+        });
+        it('should find nested anchor tag within container elements', () => {
+            const container = document.createElement('div');
+            const listItem = document.createElement('li');
+            const anchor = document.createElement('a');
+            container.appendChild(listItem);
+            listItem.appendChild(anchor);
+            const result = findFirstButtonOrLink(container);
+            expect(result).toBe(anchor);
+        });
+        it('should return the first found element when multiple exist', () => {
+            const container = document.createElement('div');
+            const firstButton = document.createElement('nv-button');
+            const secondButton = document.createElement('nv-iconbutton');
+            const anchor = document.createElement('a');
+            container.appendChild(firstButton);
+            container.appendChild(secondButton);
+            container.appendChild(anchor);
+            const result = findFirstButtonOrLink(container);
+            expect(result).toBe(firstButton);
+        });
+        it('should return null when no matching elements exist in deep structure', () => {
+            const container = document.createElement('div');
+            const wrapper = document.createElement('div');
+            const span = document.createElement('span');
+            const paragraph = document.createElement('p');
+            container.appendChild(wrapper);
+            wrapper.appendChild(span);
+            span.appendChild(paragraph);
+            const result = findFirstButtonOrLink(container);
+            expect(result).toBe(null);
+        });
+        it('should handle empty containers', () => {
+            const container = document.createElement('div');
+            const result = findFirstButtonOrLink(container);
+            expect(result).toBe(null);
+        });
+        it('should prioritize first occurrence in document order', () => {
+            const container = document.createElement('div');
+            const firstDiv = document.createElement('div');
+            const secondDiv = document.createElement('div');
+            const firstButton = document.createElement('nv-button');
+            const secondButton = document.createElement('nv-iconbutton');
+            // Add buttons to different branches
+            firstDiv.appendChild(firstButton);
+            secondDiv.appendChild(secondButton);
+            container.appendChild(firstDiv);
+            container.appendChild(secondDiv);
+            const result = findFirstButtonOrLink(container);
+            expect(result).toBe(firstButton);
+        });
+    });
+    describe('forwardPropsToChildren', () => {
+        let container;
+        let props;
+        beforeEach(() => {
+            container = document.createElement('div');
+            props = {
+                size: 'medium',
+                emphasis: 'high',
+                fluid: false,
+            };
+        });
+        it('should set size and emphasis attributes on nv-button elements', () => {
+            const button = document.createElement('nv-button');
+            container.appendChild(button);
+            forwardPropsToChildren(container, props);
+            expect(button.getAttribute('size')).toBe('medium');
+            expect(button.getAttribute('emphasis')).toBe('high');
+        });
+        it('should set size and emphasis attributes on nv-iconbutton elements', () => {
+            const iconButton = document.createElement('nv-iconbutton');
+            container.appendChild(iconButton);
+            forwardPropsToChildren(container, props);
+            expect(iconButton.getAttribute('size')).toBe('medium');
+            expect(iconButton.getAttribute('emphasis')).toBe('high');
+        });
+        it('should add CSS classes to anchor elements instead of attributes', () => {
+            const anchor = document.createElement('a');
+            container.appendChild(anchor);
+            forwardPropsToChildren(container, props);
+            expect(anchor.classList.contains('nv-button')).toBe(true);
+            expect(anchor.classList.contains('size-medium')).toBe(true);
+            expect(anchor.classList.contains('emphasis-high')).toBe(true);
+            expect(anchor.getAttribute('size')).toBe(null);
+            expect(anchor.getAttribute('emphasis')).toBe(null);
+        });
+        it('should handle fluid prop by adding fluid attribute to nv-button', () => {
+            const button = document.createElement('nv-button');
+            container.appendChild(button);
+            props.fluid = true;
+            forwardPropsToChildren(container, props);
+            expect(button.hasAttribute('fluid')).toBe(true);
+        });
+        it('should handle fluid prop by removing fluid attribute when false', () => {
+            const button = document.createElement('nv-button');
+            button.setAttribute('fluid', '');
+            container.appendChild(button);
+            props.fluid = false;
+            forwardPropsToChildren(container, props);
+            expect(button.hasAttribute('fluid')).toBe(false);
+        });
+        it('should add fluid CSS class to anchor elements when fluid is true', () => {
+            const anchor = document.createElement('a');
+            container.appendChild(anchor);
+            props.fluid = true;
+            forwardPropsToChildren(container, props);
+            expect(anchor.classList.contains('fluid')).toBe(true);
+        });
+        it('should remove fluid CSS class from anchor elements when fluid is false', () => {
+            const anchor = document.createElement('a');
+            anchor.classList.add('fluid');
+            container.appendChild(anchor);
+            props.fluid = false;
+            forwardPropsToChildren(container, props);
+            expect(anchor.classList.contains('fluid')).toBe(false);
+        });
+        it('should add first class to first button', () => {
+            const firstButton = document.createElement('nv-button');
+            const secondButton = document.createElement('nv-button');
+            container.appendChild(firstButton);
+            container.appendChild(secondButton);
+            forwardPropsToChildren(container, props);
+            expect(firstButton.classList.contains('first')).toBe(true);
+            expect(secondButton.classList.contains('first')).toBe(false);
+        });
+        it('should add last class to last button', () => {
+            const firstButton = document.createElement('nv-button');
+            const secondButton = document.createElement('nv-button');
+            container.appendChild(firstButton);
+            container.appendChild(secondButton);
+            forwardPropsToChildren(container, props);
+            expect(firstButton.classList.contains('last')).toBe(false);
+            expect(secondButton.classList.contains('last')).toBe(true);
+        });
+        it('should add group-item class to all buttons', () => {
+            const firstButton = document.createElement('nv-button');
+            const secondButton = document.createElement('nv-iconbutton');
+            const anchor = document.createElement('a');
+            container.appendChild(firstButton);
+            container.appendChild(secondButton);
+            container.appendChild(anchor);
+            forwardPropsToChildren(container, props);
+            expect(firstButton.classList.contains('group-item')).toBe(true);
+            expect(secondButton.classList.contains('group-item')).toBe(true);
+            expect(anchor.classList.contains('group-item')).toBe(true);
+        });
+        it('should remove existing positional classes before applying new ones', () => {
+            const button = document.createElement('nv-button');
+            button.classList.add('first', 'last', 'group-item');
+            container.appendChild(button);
+            forwardPropsToChildren(container, props);
+            // Should have been removed and re-added based on actual position
+            expect(button.classList.contains('first')).toBe(true);
+            expect(button.classList.contains('last')).toBe(true);
+            expect(button.classList.contains('group-item')).toBe(true);
+        });
+        it('should handle single button (both first and last)', () => {
+            const button = document.createElement('nv-button');
+            container.appendChild(button);
+            forwardPropsToChildren(container, props);
+            expect(button.classList.contains('first')).toBe(true);
+            expect(button.classList.contains('last')).toBe(true);
+            expect(button.classList.contains('group-item')).toBe(true);
+        });
+        it('should work with nested button elements', () => {
+            const wrapper = document.createElement('div');
+            const button = document.createElement('nv-button');
+            wrapper.appendChild(button);
+            container.appendChild(wrapper);
+            forwardPropsToChildren(container, props);
+            expect(button.getAttribute('size')).toBe('medium');
+            expect(button.getAttribute('emphasis')).toBe('high');
+            expect(button.classList.contains('first')).toBe(true);
+            expect(button.classList.contains('last')).toBe(true);
+            expect(button.classList.contains('group-item')).toBe(true);
+        });
+        it('should work with mixed element types (buttons + links)', () => {
+            const button = document.createElement('nv-button');
+            const iconButton = document.createElement('nv-iconbutton');
+            const anchor = document.createElement('a');
+            container.appendChild(button);
+            container.appendChild(iconButton);
+            container.appendChild(anchor);
+            forwardPropsToChildren(container, props);
+            // Check button attributes
+            expect(button.getAttribute('size')).toBe('medium');
+            expect(button.getAttribute('emphasis')).toBe('high');
+            expect(button.classList.contains('first')).toBe(true);
+            expect(button.classList.contains('group-item')).toBe(true);
+            // Check iconbutton attributes
+            expect(iconButton.getAttribute('size')).toBe('medium');
+            expect(iconButton.getAttribute('emphasis')).toBe('high');
+            expect(iconButton.classList.contains('group-item')).toBe(true);
+            // Check anchor classes
+            expect(anchor.classList.contains('nv-button')).toBe(true);
+            expect(anchor.classList.contains('size-medium')).toBe(true);
+            expect(anchor.classList.contains('emphasis-high')).toBe(true);
+            expect(anchor.classList.contains('last')).toBe(true);
+            expect(anchor.classList.contains('group-item')).toBe(true);
+        });
+        it('should work with empty containers', () => {
+            // Should not throw any errors
+            expect(() => forwardPropsToChildren(container, props)).not.toThrow();
+        });
+        it('should handle containers with no valid button/link children', () => {
+            const div = document.createElement('div');
+            const span = document.createElement('span');
+            container.appendChild(div);
+            container.appendChild(span);
+            // Should not throw any errors
+            expect(() => forwardPropsToChildren(container, props)).not.toThrow();
+        });
+        it('should handle all size values', () => {
+            const button = document.createElement('nv-button');
+            container.appendChild(button);
+            const sizeValues = ['small', 'medium', 'large'];
+            sizeValues.forEach(size => {
+                props.size = size;
+                forwardPropsToChildren(container, props);
+                expect(button.getAttribute('size')).toBe(size);
+            });
+        });
+        it('should handle all emphasis values', () => {
+            const button = document.createElement('nv-button');
+            container.appendChild(button);
+            const emphasisValues = ['low', 'medium', 'high'];
+            emphasisValues.forEach(emphasis => {
+                props.emphasis = emphasis;
+                forwardPropsToChildren(container, props);
+                expect(button.getAttribute('emphasis')).toBe(emphasis);
+            });
+        });
+        it('should apply different logic for nv-button vs anchor elements', () => {
+            const button = document.createElement('nv-button');
+            const anchor = document.createElement('a');
+            container.appendChild(button);
+            container.appendChild(anchor);
+            forwardPropsToChildren(container, props);
+            // Button should have attributes
+            expect(button.getAttribute('size')).toBe('medium');
+            expect(button.getAttribute('emphasis')).toBe('high');
+            expect(button.hasAttribute('fluid')).toBe(false);
+            // Anchor should have classes
+            expect(anchor.getAttribute('size')).toBe(null);
+            expect(anchor.getAttribute('emphasis')).toBe(null);
+            expect(anchor.classList.contains('size-medium')).toBe(true);
+            expect(anchor.classList.contains('emphasis-high')).toBe(true);
+            expect(anchor.classList.contains('fluid')).toBe(false);
+        });
+        it('should handle complex nested structures with multiple levels', () => {
+            const outerDiv = document.createElement('div');
+            const innerDiv = document.createElement('div');
+            const button = document.createElement('nv-button');
+            outerDiv.appendChild(innerDiv);
+            innerDiv.appendChild(button);
+            container.appendChild(outerDiv);
+            forwardPropsToChildren(container, props);
+            expect(button.getAttribute('size')).toBe('medium');
+            expect(button.getAttribute('emphasis')).toBe('high');
+            expect(button.classList.contains('first')).toBe(true);
+            expect(button.classList.contains('last')).toBe(true);
+            expect(button.classList.contains('group-item')).toBe(true);
+        });
+    });
+});
+//# sourceMappingURL=nv-buttongroup.utils.test.js.map

package/dist/collection/components/nv-buttongroup/test/nv-buttongroup.utils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nv-buttongroup.utils.test.js","sourceRoot":"","sources":["../../../../src/components/nv-buttongroup/test/nv-buttongroup.utils.test.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,wCAAwC;AAExC,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC1D,OAAO,EACL,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,yBAAyB,CAAC;AAEjC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACrC,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;YAChE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACnD,MAAM,MAAM,GAAG,qBAAqB,CAAC,MAAqB,CAAC,CAAC;YAC5D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;YACpE,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YAC3D,MAAM,MAAM,GAAG,qBAAqB,CAAC,UAAyB,CAAC,CAAC;YAChE,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;YACjE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAC3C,MAAM,MAAM,GAAG,qBAAqB,CAAC,MAAqB,CAAC,CAAC;YAC5D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;YACtD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,MAAM,MAAM,GAAG,qBAAqB,CAAC,GAAkB,CAAC,CAAC;YACzD,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;YACjE,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACnD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YAEnD,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC/B,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAClC,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAEjC,MAAM,MAAM,GAAG,qBAAqB,CAAC,SAAwB,CAAC,CAAC;YAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;YACnE,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC5C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YAE3D,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC5B,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAE7B,MAAM,MAAM,GAAG,qBAAqB,CAAC,SAAwB,CAAC,CAAC;YAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;YACjE,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAE3C,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE7B,MAAM,MAAM,GAAG,qBAAqB,CAAC,SAAwB,CAAC,CAAC;YAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;YACnE,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACxD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YAC7D,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAE3C,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;YACnC,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACpC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,MAAM,MAAM,GAAG,qBAAqB,CAAC,SAAwB,CAAC,CAAC;YAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sEAAsE,EAAE,GAAG,EAAE;YAC9E,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC5C,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAE9C,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC/B,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC1B,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YAE5B,MAAM,MAAM,GAAG,qBAAqB,CAAC,SAAwB,CAAC,CAAC;YAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;YACxC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,MAAM,GAAG,qBAAqB,CAAC,SAAwB,CAAC,CAAC;YAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;YAC9D,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC/C,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACxD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YAE7D,oCAAoC;YACpC,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;YAClC,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACpC,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAChC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YAEjC,MAAM,MAAM,GAAG,qBAAqB,CAAC,SAAwB,CAAC,CAAC;YAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;QACtC,IAAI,SAAsB,CAAC;QAC3B,IAAI,KAAyD,CAAC;QAE9D,UAAU,CAAC,GAAG,EAAE;YACd,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAgB,CAAC;YACzD,KAAK,GAAG;gBACN,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE,KAAK;aACb,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+DAA+D,EAAE,GAAG,EAAE;YACvE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACnD,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACnD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;YAC3E,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YAC3D,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAElC,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACvD,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iEAAiE,EAAE,GAAG,EAAE;YACzE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAC3C,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC1D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC9D,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/C,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iEAAiE,EAAE,GAAG,EAAE;YACzE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACnD,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;YACnB,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iEAAiE,EAAE,GAAG,EAAE;YACzE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACnD,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACjC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;YACpB,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kEAAkE,EAAE,GAAG,EAAE;YAC1E,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAC3C,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;YACnB,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wEAAwE,EAAE,GAAG,EAAE;YAChF,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAC3C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAC9B,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;YACpB,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;YAChD,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACxD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACzD,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;YACnC,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAEpC,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC3D,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;YAC9C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACxD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACzD,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;YACnC,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAEpC,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3D,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;YACpD,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACxD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YAC7D,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAC3C,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;YACnC,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACpC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAChE,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,oEAAoE,EAAE,GAAG,EAAE;YAC5E,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACnD,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;YACpD,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,iEAAiE;YACjE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC3D,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACnD,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;YACjD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACnD,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC5B,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAE/B,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACnD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACrD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;YAChE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACnD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YAC3D,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAE3C,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC9B,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAClC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,0BAA0B;YAC1B,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACnD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACrD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAE3D,8BAA8B;YAC9B,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACvD,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACzD,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAE/D,uBAAuB;YACvB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC1D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC9D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;YAC3C,8BAA8B;YAC9B,MAAM,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;QACvE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,6DAA6D,EAAE,GAAG,EAAE;YACrE,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC5C,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YAC3B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAE5B,8BAA8B;YAC9B,MAAM,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;QACvE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;YACvC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACnD,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;YAEhD,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACxB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;gBAClB,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;gBACzC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;YAC3C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACnD,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;YAEjD,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAChC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBAC1B,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;gBACzC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACzD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+DAA+D,EAAE,GAAG,EAAE;YACvE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACnD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAC3C,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC9B,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE9B,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,gCAAgC;YAChC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACnD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACrD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAEjD,6BAA6B;YAC7B,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/C,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACnD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC9D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8DAA8D,EAAE,GAAG,EAAE;YACtE,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC/C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC/C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YAEnD,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC/B,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC7B,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAEhC,sBAAsB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAEzC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACnD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACrD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["// @vitest-environment happy-dom\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport { describe, it, expect, beforeEach } from 'vitest';\nimport {\n  findFirstButtonOrLink,\n  forwardPropsToChildren,\n} from '../nv-buttongroup.utils';\n\ndescribe('nv-buttongroup -> utils', () => {\n  describe('findFirstButtonOrLink', () => {\n    it('should return the element itself if it is an nv-button', () => {\n      const button = document.createElement('nv-button');\n      const result = findFirstButtonOrLink(button as HTMLElement);\n      expect(result).toBe(button);\n    });\n\n    it('should return the element itself if it is an nv-iconbutton', () => {\n      const iconButton = document.createElement('nv-iconbutton');\n      const result = findFirstButtonOrLink(iconButton as HTMLElement);\n      expect(result).toBe(iconButton);\n    });\n\n    it('should return the element itself if it is an anchor tag', () => {\n      const anchor = document.createElement('a');\n      const result = findFirstButtonOrLink(anchor as HTMLElement);\n      expect(result).toBe(anchor);\n    });\n\n    it('should return null for non-matching elements', () => {\n      const div = document.createElement('div');\n      const result = findFirstButtonOrLink(div as HTMLElement);\n      expect(result).toBe(null);\n    });\n\n    it('should find nested nv-button within multiple div layers', () => {\n      const container = document.createElement('div');\n      const wrapper = document.createElement('div');\n      const innerWrapper = document.createElement('div');\n      const button = document.createElement('nv-button');\n\n      container.appendChild(wrapper);\n      wrapper.appendChild(innerWrapper);\n      innerWrapper.appendChild(button);\n\n      const result = findFirstButtonOrLink(container as HTMLElement);\n      expect(result).toBe(button);\n    });\n\n    it('should find nested nv-iconbutton within complex structure', () => {\n      const container = document.createElement('div');\n      const span = document.createElement('span');\n      const iconButton = document.createElement('nv-iconbutton');\n\n      container.appendChild(span);\n      span.appendChild(iconButton);\n\n      const result = findFirstButtonOrLink(container as HTMLElement);\n      expect(result).toBe(iconButton);\n    });\n\n    it('should find nested anchor tag within container elements', () => {\n      const container = document.createElement('div');\n      const listItem = document.createElement('li');\n      const anchor = document.createElement('a');\n\n      container.appendChild(listItem);\n      listItem.appendChild(anchor);\n\n      const result = findFirstButtonOrLink(container as HTMLElement);\n      expect(result).toBe(anchor);\n    });\n\n    it('should return the first found element when multiple exist', () => {\n      const container = document.createElement('div');\n      const firstButton = document.createElement('nv-button');\n      const secondButton = document.createElement('nv-iconbutton');\n      const anchor = document.createElement('a');\n\n      container.appendChild(firstButton);\n      container.appendChild(secondButton);\n      container.appendChild(anchor);\n\n      const result = findFirstButtonOrLink(container as HTMLElement);\n      expect(result).toBe(firstButton);\n    });\n\n    it('should return null when no matching elements exist in deep structure', () => {\n      const container = document.createElement('div');\n      const wrapper = document.createElement('div');\n      const span = document.createElement('span');\n      const paragraph = document.createElement('p');\n\n      container.appendChild(wrapper);\n      wrapper.appendChild(span);\n      span.appendChild(paragraph);\n\n      const result = findFirstButtonOrLink(container as HTMLElement);\n      expect(result).toBe(null);\n    });\n\n    it('should handle empty containers', () => {\n      const container = document.createElement('div');\n      const result = findFirstButtonOrLink(container as HTMLElement);\n      expect(result).toBe(null);\n    });\n\n    it('should prioritize first occurrence in document order', () => {\n      const container = document.createElement('div');\n      const firstDiv = document.createElement('div');\n      const secondDiv = document.createElement('div');\n      const firstButton = document.createElement('nv-button');\n      const secondButton = document.createElement('nv-iconbutton');\n\n      // Add buttons to different branches\n      firstDiv.appendChild(firstButton);\n      secondDiv.appendChild(secondButton);\n      container.appendChild(firstDiv);\n      container.appendChild(secondDiv);\n\n      const result = findFirstButtonOrLink(container as HTMLElement);\n      expect(result).toBe(firstButton);\n    });\n  });\n\n  describe('forwardPropsToChildren', () => {\n    let container: HTMLElement;\n    let props: { size: string; emphasis: string; fluid: boolean };\n\n    beforeEach(() => {\n      container = document.createElement('div') as HTMLElement;\n      props = {\n        size: 'medium',\n        emphasis: 'high',\n        fluid: false,\n      };\n    });\n\n    it('should set size and emphasis attributes on nv-button elements', () => {\n      const button = document.createElement('nv-button');\n      container.appendChild(button);\n\n      forwardPropsToChildren(container, props);\n\n      expect(button.getAttribute('size')).toBe('medium');\n      expect(button.getAttribute('emphasis')).toBe('high');\n    });\n\n    it('should set size and emphasis attributes on nv-iconbutton elements', () => {\n      const iconButton = document.createElement('nv-iconbutton');\n      container.appendChild(iconButton);\n\n      forwardPropsToChildren(container, props);\n\n      expect(iconButton.getAttribute('size')).toBe('medium');\n      expect(iconButton.getAttribute('emphasis')).toBe('high');\n    });\n\n    it('should add CSS classes to anchor elements instead of attributes', () => {\n      const anchor = document.createElement('a');\n      container.appendChild(anchor);\n\n      forwardPropsToChildren(container, props);\n\n      expect(anchor.classList.contains('nv-button')).toBe(true);\n      expect(anchor.classList.contains('size-medium')).toBe(true);\n      expect(anchor.classList.contains('emphasis-high')).toBe(true);\n      expect(anchor.getAttribute('size')).toBe(null);\n      expect(anchor.getAttribute('emphasis')).toBe(null);\n    });\n\n    it('should handle fluid prop by adding fluid attribute to nv-button', () => {\n      const button = document.createElement('nv-button');\n      container.appendChild(button);\n\n      props.fluid = true;\n      forwardPropsToChildren(container, props);\n\n      expect(button.hasAttribute('fluid')).toBe(true);\n    });\n\n    it('should handle fluid prop by removing fluid attribute when false', () => {\n      const button = document.createElement('nv-button');\n      button.setAttribute('fluid', '');\n      container.appendChild(button);\n\n      props.fluid = false;\n      forwardPropsToChildren(container, props);\n\n      expect(button.hasAttribute('fluid')).toBe(false);\n    });\n\n    it('should add fluid CSS class to anchor elements when fluid is true', () => {\n      const anchor = document.createElement('a');\n      container.appendChild(anchor);\n\n      props.fluid = true;\n      forwardPropsToChildren(container, props);\n\n      expect(anchor.classList.contains('fluid')).toBe(true);\n    });\n\n    it('should remove fluid CSS class from anchor elements when fluid is false', () => {\n      const anchor = document.createElement('a');\n      anchor.classList.add('fluid');\n      container.appendChild(anchor);\n\n      props.fluid = false;\n      forwardPropsToChildren(container, props);\n\n      expect(anchor.classList.contains('fluid')).toBe(false);\n    });\n\n    it('should add first class to first button', () => {\n      const firstButton = document.createElement('nv-button');\n      const secondButton = document.createElement('nv-button');\n      container.appendChild(firstButton);\n      container.appendChild(secondButton);\n\n      forwardPropsToChildren(container, props);\n\n      expect(firstButton.classList.contains('first')).toBe(true);\n      expect(secondButton.classList.contains('first')).toBe(false);\n    });\n\n    it('should add last class to last button', () => {\n      const firstButton = document.createElement('nv-button');\n      const secondButton = document.createElement('nv-button');\n      container.appendChild(firstButton);\n      container.appendChild(secondButton);\n\n      forwardPropsToChildren(container, props);\n\n      expect(firstButton.classList.contains('last')).toBe(false);\n      expect(secondButton.classList.contains('last')).toBe(true);\n    });\n\n    it('should add group-item class to all buttons', () => {\n      const firstButton = document.createElement('nv-button');\n      const secondButton = document.createElement('nv-iconbutton');\n      const anchor = document.createElement('a');\n      container.appendChild(firstButton);\n      container.appendChild(secondButton);\n      container.appendChild(anchor);\n\n      forwardPropsToChildren(container, props);\n\n      expect(firstButton.classList.contains('group-item')).toBe(true);\n      expect(secondButton.classList.contains('group-item')).toBe(true);\n      expect(anchor.classList.contains('group-item')).toBe(true);\n    });\n\n    it('should remove existing positional classes before applying new ones', () => {\n      const button = document.createElement('nv-button');\n      button.classList.add('first', 'last', 'group-item');\n      container.appendChild(button);\n\n      forwardPropsToChildren(container, props);\n\n      // Should have been removed and re-added based on actual position\n      expect(button.classList.contains('first')).toBe(true);\n      expect(button.classList.contains('last')).toBe(true);\n      expect(button.classList.contains('group-item')).toBe(true);\n    });\n\n    it('should handle single button (both first and last)', () => {\n      const button = document.createElement('nv-button');\n      container.appendChild(button);\n\n      forwardPropsToChildren(container, props);\n\n      expect(button.classList.contains('first')).toBe(true);\n      expect(button.classList.contains('last')).toBe(true);\n      expect(button.classList.contains('group-item')).toBe(true);\n    });\n\n    it('should work with nested button elements', () => {\n      const wrapper = document.createElement('div');\n      const button = document.createElement('nv-button');\n      wrapper.appendChild(button);\n      container.appendChild(wrapper);\n\n      forwardPropsToChildren(container, props);\n\n      expect(button.getAttribute('size')).toBe('medium');\n      expect(button.getAttribute('emphasis')).toBe('high');\n      expect(button.classList.contains('first')).toBe(true);\n      expect(button.classList.contains('last')).toBe(true);\n      expect(button.classList.contains('group-item')).toBe(true);\n    });\n\n    it('should work with mixed element types (buttons + links)', () => {\n      const button = document.createElement('nv-button');\n      const iconButton = document.createElement('nv-iconbutton');\n      const anchor = document.createElement('a');\n\n      container.appendChild(button);\n      container.appendChild(iconButton);\n      container.appendChild(anchor);\n\n      forwardPropsToChildren(container, props);\n\n      // Check button attributes\n      expect(button.getAttribute('size')).toBe('medium');\n      expect(button.getAttribute('emphasis')).toBe('high');\n      expect(button.classList.contains('first')).toBe(true);\n      expect(button.classList.contains('group-item')).toBe(true);\n\n      // Check iconbutton attributes\n      expect(iconButton.getAttribute('size')).toBe('medium');\n      expect(iconButton.getAttribute('emphasis')).toBe('high');\n      expect(iconButton.classList.contains('group-item')).toBe(true);\n\n      // Check anchor classes\n      expect(anchor.classList.contains('nv-button')).toBe(true);\n      expect(anchor.classList.contains('size-medium')).toBe(true);\n      expect(anchor.classList.contains('emphasis-high')).toBe(true);\n      expect(anchor.classList.contains('last')).toBe(true);\n      expect(anchor.classList.contains('group-item')).toBe(true);\n    });\n\n    it('should work with empty containers', () => {\n      // Should not throw any errors\n      expect(() => forwardPropsToChildren(container, props)).not.toThrow();\n    });\n\n    it('should handle containers with no valid button/link children', () => {\n      const div = document.createElement('div');\n      const span = document.createElement('span');\n      container.appendChild(div);\n      container.appendChild(span);\n\n      // Should not throw any errors\n      expect(() => forwardPropsToChildren(container, props)).not.toThrow();\n    });\n\n    it('should handle all size values', () => {\n      const button = document.createElement('nv-button');\n      container.appendChild(button);\n\n      const sizeValues = ['small', 'medium', 'large'];\n\n      sizeValues.forEach(size => {\n        props.size = size;\n        forwardPropsToChildren(container, props);\n        expect(button.getAttribute('size')).toBe(size);\n      });\n    });\n\n    it('should handle all emphasis values', () => {\n      const button = document.createElement('nv-button');\n      container.appendChild(button);\n\n      const emphasisValues = ['low', 'medium', 'high'];\n\n      emphasisValues.forEach(emphasis => {\n        props.emphasis = emphasis;\n        forwardPropsToChildren(container, props);\n        expect(button.getAttribute('emphasis')).toBe(emphasis);\n      });\n    });\n\n    it('should apply different logic for nv-button vs anchor elements', () => {\n      const button = document.createElement('nv-button');\n      const anchor = document.createElement('a');\n      container.appendChild(button);\n      container.appendChild(anchor);\n\n      forwardPropsToChildren(container, props);\n\n      // Button should have attributes\n      expect(button.getAttribute('size')).toBe('medium');\n      expect(button.getAttribute('emphasis')).toBe('high');\n      expect(button.hasAttribute('fluid')).toBe(false);\n\n      // Anchor should have classes\n      expect(anchor.getAttribute('size')).toBe(null);\n      expect(anchor.getAttribute('emphasis')).toBe(null);\n      expect(anchor.classList.contains('size-medium')).toBe(true);\n      expect(anchor.classList.contains('emphasis-high')).toBe(true);\n      expect(anchor.classList.contains('fluid')).toBe(false);\n    });\n\n    it('should handle complex nested structures with multiple levels', () => {\n      const outerDiv = document.createElement('div');\n      const innerDiv = document.createElement('div');\n      const button = document.createElement('nv-button');\n\n      outerDiv.appendChild(innerDiv);\n      innerDiv.appendChild(button);\n      container.appendChild(outerDiv);\n\n      forwardPropsToChildren(container, props);\n\n      expect(button.getAttribute('size')).toBe('medium');\n      expect(button.getAttribute('emphasis')).toBe('high');\n      expect(button.classList.contains('first')).toBe(true);\n      expect(button.classList.contains('last')).toBe(true);\n      expect(button.classList.contains('group-item')).toBe(true);\n    });\n  });\n});\n"]}

package/dist/collection/components/nv-calendar/nv-calendar.css

@@ -329,6 +329,15 @@ nv-calendar {
 .day.is-today.selected::after::after {
   background-color: var(--components-calendar-cell-dot-selected);
 }
+.day.hover-range {
+  background-color: var(--components-calendar-cell-background-hover);
+}
+.day.hover-blocked {
+  background-color: var(--components-calendar-cell-background-hover);
+}
+.day.disabled.hover-blocked {
+  background-color: transparent;
+}
 
 .calendar-footer {
   display: flex;

package/dist/collection/components/nv-calendar/nv-calendar.js

@@ -1,6 +1,6 @@
 import { Host, h, } from "@stencil/core";
 import { WEEK_ABBREVIATIONS, CUSTOM_DAY_NAMES, CUSTOM_MONTH_NAMES, } from "../../utils/constants";
-import { parseDate, isSameDate, formatDate, isSameOrAfter, isSameOrBefore, } from "./nv-calendar.utils";
+import { parseDate, formatDate, isSameOrAfter, isSameOrBefore, isInHoverRange, isHoverRangeValid, isDateDisabledUtil, } from "./nv-calendar.utils";
 // Import partials
 import { CalendarHeader, CalendarGrid, WeekNumbers, CalendarShortcuts, CalendarActions, } from "./partials";
 /**
@@ -67,6 +67,7 @@ export class NvCalendar {
         this.selectedDate = null;
         this.startDate = null;
         this.endDate = null;
+        this.hoverDate = null;
         /** List of formatted months for the selector */
         this.months = [];
         /**
@@ -161,11 +162,29 @@ export class NvCalendar {
             });
             this.currentDate = newDate;
         };
+        this.handleMouseLeave = () => {
+            this.hoverDate = null;
+        };
+        this.handleDayHover = (event) => {
+            const target = event.target;
+            const dateStr = target.getAttribute('data-date');
+            if (dateStr &&
+                this.selectionType === 'range' &&
+                this.startDate &&
+                !this.endDate) {
+                this.hoverDate = new Date(dateStr);
+            }
+        };
         /**
          * Handles date selection based on the mode
-         * @param {Date} date - Selected date
+         * @param {MouseEvent} event - The mouse event from the click.
          */
-        this.handleDateSelection = (date) => {
+        this.handleDateSelection = (event) => {
+            const target = event.target;
+            const dateStr = target.getAttribute('data-date');
+            if (!dateStr)
+                return;
+            const date = new Date(dateStr);
             if (this.isDateDisabled(date)) {
                 return;
             }
@@ -211,6 +230,7 @@ export class NvCalendar {
             else {
                 // Complete range selection
                 this.endDate = date;
+                this.hoverDate = null;
                 // Ensure correct order
                 if (this.startDate > this.endDate) {
                     [this.startDate, this.endDate] = [this.endDate, this.startDate];
@@ -242,24 +262,7 @@ export class NvCalendar {
          * @returns {boolean} true if the date is disabled
          */
         this.isDateDisabled = (date) => {
-            if (!date)
-                return true;
-            // Minimum bound check
-            if (this.min) {
-                const minDate = parseDate(this.min, this.dateFormat);
-                if (minDate && date < minDate) {
-                    return true;
-                }
-            }
-            // Maximum bound check
-            if (this.max) {
-                const maxDate = parseDate(this.max, this.dateFormat);
-                if (maxDate && date > maxDate) {
-                    return true;
-                }
-            }
-            // Check disabled dates
-            return this.parsedDisabledDates.some(disabledDate => isSameDate(date, disabledDate, { isUTCMode: this.isUTCMode }));
+            return isDateDisabledUtil(date, this.min, this.max, this.parsedDisabledDates, this.dateFormat, this.isUTCMode);
         };
         /**
          * Checks if a date is in the selected range
@@ -656,6 +659,15 @@ export class NvCalendar {
         index) => {
             return (h(WeekNumbers, { weeks: weeks, localizedWeekText: this.getLocalizedWeekText(), selectionType: this.selectionType, onWeekSelect: this.handleWeekSelection, calendarIndex: index }));
         };
+        /**
+         * Checks if the hover range is valid
+         * @param {Date} startDate - Start date
+         * @param {Date | null} hoverDate - Hovered date
+         * @returns {boolean} true if the hover range is valid
+         */
+        this.isHoverRangeValidFn = (startDate, hoverDate) => {
+            return isHoverRangeValid(startDate, hoverDate, this.min, this.max, this.parsedDisabledDates, this.dateFormat, this.isUTCMode);
+        };
         /**
          * Renders the calendar
          * @param {number} index - Calendar index
@@ -678,7 +690,7 @@ export class NvCalendar {
             targetDate.setUTCMonth(targetDate.getUTCMonth() + offset);
             const year = targetDate.getUTCFullYear();
             const month = targetDate.getUTCMonth();
-            return (h("div", { class: "calendar-wrapper" }, h("div", { class: "calendar-container", key: `calendar-${index}-${year}-${month}` }, this.renderHeader(offset, index), h("div", { class: "calendar-grid" }, this.showWeekNumbers && this.renderWeekNumbers(weeks, index), h(CalendarGrid, { days: days, dayNames: this.getDayNames(), selectionType: this.selectionType, selectedDate: this.selectedDate, startDate: this.startDate, endDate: this.endDate, isUTCMode: this.isUTCMode, onDayClick: this.handleDateSelection, isDateInRange: this.isDateInRange, isToday: this.isToday }))), index < this.numberOfCalendars - 1 && (h("div", { class: "calendar-separator" }))));
+            return (h("div", { class: "calendar-wrapper" }, h("div", { class: "calendar-container", key: `calendar-${index}-${year}-${month}` }, this.renderHeader(offset, index), h("div", { class: "calendar-grid" }, this.showWeekNumbers && this.renderWeekNumbers(weeks, index), h(CalendarGrid, { days: days, dayNames: this.getDayNames(), selectionType: this.selectionType, selectedDate: this.selectedDate, startDate: this.startDate, endDate: this.endDate, isUTCMode: this.isUTCMode, onDayClick: this.handleDateSelection, isDateInRange: this.isDateInRange, isToday: this.isToday, onDayHover: this.handleDayHover, onMouseLeave: this.handleMouseLeave, hoverDate: this.hoverDate, isInHoverRange: isInHoverRange, isHoverRangeValid: this.isHoverRangeValidFn }))), index < this.numberOfCalendars - 1 && (h("div", { class: "calendar-separator" }))));
         };
         /**
          * Renders the shortcuts
@@ -898,8 +910,8 @@ export class NvCalendar {
      * @slot default - Child content of the component.
      */
     render() {
-        return (h(Host, { key: '492526a4a9ed114aba804db45f49847b1db58c9f' }, h("div", { key: '632759b4eb6c65c3b082b707fba75568ed351e49', class: "datepicker-root" }, h("div", { key: '8dc6160dec8ed46e2d2f70e3154cd73cbaeee586', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, h("div", { key: '55b1c7f8bcda0785ca63a1572bfebc628a3971d5', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
-            this.hasActions) && (h("div", { key: '7234a6d497fccdcab8923b5235f591f24061c92d', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), h("slot", { key: '1a23c6e92ffbc8ca64b42ff41ed6d106a3697e7f' })));
+        return (h(Host, { key: '15aa3c2afb51ea1fbd16de597889d687fb8d1982' }, h("div", { key: '6492b58cb2b5c9bb7fd6c40e8f37e9c2142b5827', class: "datepicker-root" }, h("div", { key: '3cb216c3af4900b48c2dcd09a0a0034c7ebf622d', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, h("div", { key: '0663841721d5db871e7ede0ec396affa560ea99d', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
+            this.hasActions) && (h("div", { key: '0a17a627cb1e4a4cb2b91aa104403b00d055bce5', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), h("slot", { key: '3104795c8cc9c81a6aca7e426a145e3966a4361e' })));
     }
     static get is() { return "nv-calendar"; }
     static get originalStyleUrls() {
@@ -1246,6 +1258,7 @@ export class NvCalendar {
             "selectedDate": {},
             "startDate": {},
             "endDate": {},
+            "hoverDate": {},
             "months": {}
         };
     }