@nova-design-system/nova-webcomponents 3.24.0 → 3.26.0

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

@@ -0,0 +1,360 @@
+import { describe, it, expect } from "vitest";
+import { interpolate, isFirstPage, isLastPage, DEFAULT_PAGE_SIZES, generatePageSizeOptions, } from "../nv-paginationtable.utils";
+/**
+ * Comprehensive tests for nv-paginationtable utilities
+ *
+ * These tests validate all utility functions:
+ * - String interpolation with placeholders
+ * - Page navigation state calculations
+ * - Default page size options configuration
+ * - Edge cases and error conditions
+ */
+describe('nv-paginationtable.utils - Comprehensive Tests', () => {
+    describe('interpolate', () => {
+        it('should replace single placeholder with value', () => {
+            const result = interpolate('Hello {name}', { name: 'World' });
+            expect(result).toBe('Hello World');
+        });
+        it('should replace multiple placeholders with values', () => {
+            const result = interpolate('Page {pageIndex} of {pageCount}', {
+                pageIndex: 1,
+                pageCount: 14,
+            });
+            expect(result).toBe('Page 1 of 14');
+        });
+        it('should handle number values', () => {
+            const result = interpolate('Total: {rowCount} rows', { rowCount: 254 });
+            expect(result).toBe('Total: 254 rows');
+        });
+        it('should handle string values', () => {
+            const result = interpolate('Status: {status}', { status: 'active' });
+            expect(result).toBe('Status: active');
+        });
+        it('should handle mixed string and number values', () => {
+            const result = interpolate('{name} has {count} items', {
+                name: 'User',
+                count: 42,
+            });
+            expect(result).toBe('User has 42 items');
+        });
+        it('should preserve unmatched placeholders', () => {
+            const result = interpolate('Hello {name}, your {unknown} is ready', {
+                name: 'John',
+            });
+            expect(result).toBe('Hello John, your {unknown} is ready');
+        });
+        it('should handle empty values object', () => {
+            const result = interpolate('Hello {name}', {});
+            expect(result).toBe('Hello {name}');
+        });
+        it('should handle empty template string', () => {
+            const result = interpolate('', { name: 'World' });
+            expect(result).toBe('');
+        });
+        it('should handle template without placeholders', () => {
+            const result = interpolate('No placeholders here', { name: 'World' });
+            expect(result).toBe('No placeholders here');
+        });
+        it('should handle zero values', () => {
+            const result = interpolate('Page {pageIndex} of {pageCount}', {
+                pageIndex: 0,
+                pageCount: 0,
+            });
+            expect(result).toBe('Page 0 of 0');
+        });
+        it('should handle negative values', () => {
+            const result = interpolate('Value: {value}', { value: -5 });
+            expect(result).toBe('Value: -5');
+        });
+        it('should handle decimal values', () => {
+            const result = interpolate('Price: {price}', { price: 19.99 });
+            expect(result).toBe('Price: 19.99');
+        });
+        it('should handle same placeholder multiple times', () => {
+            const result = interpolate('{name} and {name} again', { name: 'Test' });
+            expect(result).toBe('Test and Test again');
+        });
+        it('should handle placeholders with underscores', () => {
+            const result = interpolate('Value: {my_value}', { my_value: 'test' });
+            expect(result).toBe('Value: test');
+        });
+        it('should handle placeholders with numbers', () => {
+            const result = interpolate('Item {item1} and {item2}', {
+                item1: 'first',
+                item2: 'second',
+            });
+            expect(result).toBe('Item first and second');
+        });
+        it('should not replace invalid placeholder formats', () => {
+            const result = interpolate('Value: {invalid-key}', {
+                'invalid-key': 'test',
+            });
+            expect(result).toBe('Value: {invalid-key}');
+        });
+        it('should handle adjacent placeholders', () => {
+            const result = interpolate('{a}{b}{c}', { a: '1', b: '2', c: '3' });
+            expect(result).toBe('123');
+        });
+        it('should handle whitespace in template', () => {
+            const result = interpolate('  {name}  ', { name: 'trim' });
+            expect(result).toBe('  trim  ');
+        });
+        it('should handle special characters around placeholders', () => {
+            const result = interpolate('[{name}]', { name: 'value' });
+            expect(result).toBe('[value]');
+        });
+        it('should handle large numbers', () => {
+            const result = interpolate('Count: {count}', { count: 1000000 });
+            expect(result).toBe('Count: 1000000');
+        });
+        it('should handle empty string values', () => {
+            const result = interpolate('Value: {value}', { value: '' });
+            expect(result).toBe('Value: ');
+        });
+        it('should correctly type values as InterpolationValues', () => {
+            const values = {
+                stringVal: 'hello',
+                numberVal: 42,
+            };
+            const result = interpolate('{stringVal} {numberVal}', values);
+            expect(result).toBe('hello 42');
+        });
+    });
+    describe('isFirstPage', () => {
+        it('should return true for page index 0', () => {
+            expect(isFirstPage(0)).toBe(true);
+        });
+        it('should return false for page index 1', () => {
+            expect(isFirstPage(1)).toBe(false);
+        });
+        it('should return false for any positive page index', () => {
+            expect(isFirstPage(5)).toBe(false);
+            expect(isFirstPage(10)).toBe(false);
+            expect(isFirstPage(100)).toBe(false);
+        });
+        it('should handle negative page index (edge case)', () => {
+            expect(isFirstPage(-1)).toBe(false);
+        });
+        it('should handle very large page index', () => {
+            expect(isFirstPage(Number.MAX_SAFE_INTEGER)).toBe(false);
+        });
+    });
+    describe('isLastPage', () => {
+        it('should return true when pageIndex equals pageCount - 1', () => {
+            expect(isLastPage(13, 14)).toBe(true);
+        });
+        it('should return true when pageIndex is 0 and pageCount is 1', () => {
+            expect(isLastPage(0, 1)).toBe(true);
+        });
+        it('should return false when pageIndex is less than pageCount - 1', () => {
+            expect(isLastPage(0, 14)).toBe(false);
+            expect(isLastPage(5, 14)).toBe(false);
+            expect(isLastPage(12, 14)).toBe(false);
+        });
+        it('should return true when pageIndex exceeds pageCount - 1 (edge case)', () => {
+            expect(isLastPage(15, 14)).toBe(true);
+        });
+        it('should return true when pageCount is 0 and pageIndex is 0', () => {
+            expect(isLastPage(0, 0)).toBe(true); // 0 >= 0 - 1 = -1
+        });
+        it('should return true when pageCount is 0 and pageIndex is negative', () => {
+            expect(isLastPage(-1, 0)).toBe(true); // -1 >= -1
+        });
+        it('should handle large page counts', () => {
+            expect(isLastPage(999, 1000)).toBe(true);
+            expect(isLastPage(998, 1000)).toBe(false);
+        });
+        it('should handle single page scenario', () => {
+            expect(isLastPage(0, 1)).toBe(true);
+        });
+    });
+    describe('DEFAULT_PAGE_SIZES', () => {
+        it('should have correct number of sizes', () => {
+            expect(DEFAULT_PAGE_SIZES).toHaveLength(4);
+        });
+        it('should contain expected page size values', () => {
+            expect(DEFAULT_PAGE_SIZES).toEqual([10, 25, 50, 100]);
+        });
+        it('should have 10 as the first size', () => {
+            expect(DEFAULT_PAGE_SIZES[0]).toBe(10);
+        });
+        it('should have 100 as the last size', () => {
+            expect(DEFAULT_PAGE_SIZES[3]).toBe(100);
+        });
+        it('should have sizes in ascending order', () => {
+            const sortedSizes = [...DEFAULT_PAGE_SIZES].sort((a, b) => a - b);
+            expect(DEFAULT_PAGE_SIZES).toEqual(sortedSizes);
+        });
+    });
+    describe('generatePageSizeOptions', () => {
+        it('should generate options with interpolated labels', () => {
+            const options = generatePageSizeOptions('{pageSize} per page');
+            expect(options).toHaveLength(4);
+            expect(options[0]).toEqual({ label: '10 per page', value: '10' });
+            expect(options[1]).toEqual({ label: '25 per page', value: '25' });
+            expect(options[2]).toEqual({ label: '50 per page', value: '50' });
+            expect(options[3]).toEqual({ label: '100 per page', value: '100' });
+        });
+        it('should use default sizes when none provided', () => {
+            const options = generatePageSizeOptions('{pageSize}');
+            expect(options).toHaveLength(4);
+            expect(options.map(o => o.value)).toEqual(['10', '25', '50', '100']);
+        });
+        it('should use custom sizes when provided', () => {
+            const options = generatePageSizeOptions('{pageSize} items', [5, 15, 30]);
+            expect(options).toHaveLength(3);
+            expect(options[0]).toEqual({ label: '5 items', value: '5' });
+            expect(options[1]).toEqual({ label: '15 items', value: '15' });
+            expect(options[2]).toEqual({ label: '30 items', value: '30' });
+        });
+        it('should handle German translation', () => {
+            const options = generatePageSizeOptions('{pageSize} pro Seite');
+            expect(options[0].label).toBe('10 pro Seite');
+            expect(options[1].label).toBe('25 pro Seite');
+        });
+        it('should handle label with pageSize at end', () => {
+            const options = generatePageSizeOptions('Show {pageSize}');
+            expect(options[0].label).toBe('Show 10');
+        });
+        it('should handle empty custom sizes array', () => {
+            const options = generatePageSizeOptions('{pageSize}', []);
+            expect(options).toHaveLength(0);
+        });
+        it('should return valid PageSizeOption objects', () => {
+            const options = generatePageSizeOptions('{pageSize} per page');
+            options.forEach(option => {
+                expect(option).toHaveProperty('label');
+                expect(option).toHaveProperty('value');
+                expect(typeof option.label).toBe('string');
+                expect(typeof option.value).toBe('string');
+            });
+        });
+        it('should be usable as PageSizeOption array', () => {
+            const options = generatePageSizeOptions('{pageSize}');
+            expect(options).toBeDefined();
+            expect(Array.isArray(options)).toBe(true);
+        });
+    });
+    describe('PageSizeOption interface', () => {
+        it('should accept valid PageSizeOption objects', () => {
+            const option = { label: '20', value: '20' };
+            expect(option.label).toBe('20');
+            expect(option.value).toBe('20');
+        });
+        it('should work with different label and value', () => {
+            const option = { label: 'Twenty', value: '20' };
+            expect(option.label).toBe('Twenty');
+            expect(option.value).toBe('20');
+        });
+    });
+    describe('Integration Scenarios', () => {
+        it('should work together for pagination display', () => {
+            const pageIndex = 0;
+            const pageCount = 14;
+            const rowCount = 254;
+            const pageSize = 10;
+            const pageLabel = interpolate('Page {pageIndex} of {pageCount}', {
+                pageIndex: pageIndex + 1,
+                pageCount,
+            });
+            const totalLabel = interpolate('Total: {rowCount} rows', { rowCount });
+            const perPageLabel = interpolate('{pageSize} per page', { pageSize });
+            expect(pageLabel).toBe('Page 1 of 14');
+            expect(totalLabel).toBe('Total: 254 rows');
+            expect(perPageLabel).toBe('10 per page');
+            expect(isFirstPage(pageIndex)).toBe(true);
+            expect(isLastPage(pageIndex, pageCount)).toBe(false);
+        });
+        it('should correctly identify navigation state at boundaries', () => {
+            const pageCount = 14;
+            // First page
+            expect(isFirstPage(0)).toBe(true);
+            expect(isLastPage(0, pageCount)).toBe(false);
+            // Middle page
+            expect(isFirstPage(7)).toBe(false);
+            expect(isLastPage(7, pageCount)).toBe(false);
+            // Last page
+            expect(isFirstPage(13)).toBe(false);
+            expect(isLastPage(13, pageCount)).toBe(true);
+        });
+        it('should handle single page scenario', () => {
+            const pageIndex = 0;
+            const pageCount = 1;
+            expect(isFirstPage(pageIndex)).toBe(true);
+            expect(isLastPage(pageIndex, pageCount)).toBe(true);
+            const pageLabel = interpolate('Page {pageIndex} of {pageCount}', {
+                pageIndex: pageIndex + 1,
+                pageCount,
+            });
+            expect(pageLabel).toBe('Page 1 of 1');
+        });
+        it('should handle empty results scenario', () => {
+            const pageIndex = 0;
+            const pageCount = 0;
+            const rowCount = 0;
+            const totalLabel = interpolate('Total: {rowCount} rows', { rowCount });
+            expect(totalLabel).toBe('Total: 0 rows');
+            expect(isFirstPage(pageIndex)).toBe(true);
+            expect(isLastPage(pageIndex, pageCount)).toBe(true);
+        });
+        it('should support custom translations', () => {
+            const pageIndex = 0;
+            const pageCount = 14;
+            const rowCount = 254;
+            // German translations
+            const germanPageLabel = interpolate('Seite {pageIndex} von {pageCount}', {
+                pageIndex: pageIndex + 1,
+                pageCount,
+            });
+            const germanTotalLabel = interpolate('Gesamt: {rowCount} Zeilen', {
+                rowCount,
+            });
+            expect(germanPageLabel).toBe('Seite 1 von 14');
+            expect(germanTotalLabel).toBe('Gesamt: 254 Zeilen');
+        });
+    });
+    describe('Edge Cases and Error Handling', () => {
+        it('should handle interpolate with very long template', () => {
+            const longTemplate = 'Value: {value} '.repeat(100);
+            const result = interpolate(longTemplate, { value: 'X' });
+            expect(result).toContain('Value: X');
+            expect(result.match(/Value: X/g)).toHaveLength(100);
+        });
+        it('should handle interpolate with very long values', () => {
+            const longValue = 'A'.repeat(10000);
+            const result = interpolate('Value: {value}', { value: longValue });
+            expect(result).toBe(`Value: ${longValue}`);
+        });
+        it('should handle special regex characters in template', () => {
+            const result = interpolate('Price: ${value} (regex: .*)', {
+                value: '100',
+            });
+            expect(result).toBe('Price: $100 (regex: .*)');
+        });
+        it('should handle curly braces that are not placeholders', () => {
+            const result = interpolate('JSON: { "name": "{name}" }', {
+                name: 'test',
+            });
+            expect(result).toBe('JSON: { "name": "test" }');
+        });
+        it('should handle nested-looking placeholders', () => {
+            const result = interpolate('{outer{inner}}', {
+                inner: 'value',
+            });
+            // Should only match {inner} as a valid placeholder
+            expect(result).toBe('{outervalue}');
+        });
+        it('should handle placeholder at start of string', () => {
+            const result = interpolate('{name} is here', { name: 'User' });
+            expect(result).toBe('User is here');
+        });
+        it('should handle placeholder at end of string', () => {
+            const result = interpolate('Hello {name}', { name: 'User' });
+            expect(result).toBe('Hello User');
+        });
+        it('should handle only placeholder as template', () => {
+            const result = interpolate('{name}', { name: 'OnlyThis' });
+            expect(result).toBe('OnlyThis');
+        });
+    });
+});

package/dist/collection/components/nv-popover/nv-popover.docs.js

@@ -111,4 +111,3 @@ const NvPopoverDocs = {
     ],
 };
 export default NvPopoverDocs;
-//# sourceMappingURL=nv-popover.docs.js.map

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

@@ -3,6 +3,7 @@ import { computePosition, flip, shift, offset, arrow, } from "@floating-ui/dom";
 import { createStore } from "@stencil/store";
 import { useGrow, useFade } from "../../animations";
 import { addEventListeners, removeEventListeners, } from "../../utils/events.utils";
+import { asElement } from "../../utils/dom.utils";
 const { state } = createStore({
     groups: new Map(),
 });
@@ -180,7 +181,7 @@ export class NvPopover {
     positionPopover() {
         if (!this.triggerElement)
             return;
-        computePosition(this.triggerElement, this.popoverElement, {
+        computePosition(asElement(this.triggerElement), this.popoverElement, {
             placement: this.placement,
             strategy: this.strategy,
             middleware: [
@@ -270,11 +271,10 @@ export class NvPopover {
     //#endregion WATCHERS
     /****************************************************************************/
     //#region LIFECYCLE
-    componentWillLoad() {
-        if (!this.triggerElement)
-            this.triggerElement = Array.from(this.el.children).find(child => child.getAttribute('slot') === 'trigger');
-    }
-    componentWillUpdate() {
+    componentWillRender() {
+        if (!this.triggerElement) {
+            this.triggerElement = this.el.querySelector('[slot="trigger"]');
+        }
         this.attachEventListeners();
     }
     componentDidLoad() {
@@ -289,7 +289,6 @@ export class NvPopover {
             this.popoverElement.removeAttribute('hidden');
         }
         this.positionPopover();
-        this.attachEventListeners();
     }
     disconnectedCallback() {
         removeEventListeners(this.closeEvents, document, this);
@@ -312,7 +311,7 @@ export class NvPopover {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '3505c77a628a1c612d937703777b72459a71e256' }, h("slot", { key: '36596c5ca1b182ed5d9f723b81398cf54923bd83', name: "trigger" }), h("div", { key: 'efc6da5c69cefad2611f0b9fa96d072ddc48d07a', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h("div", { key: '9439cf1c7fdadfd9538c4ed186d4c54300d00e95', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h("slot", { key: '868cd1ce1ac648f4446aa6d4f86069551c208d1f', name: "content" }))));
+        return (h(Host, { key: '8d6cfba040e2e29705a6e9fd3c1044c9e0b668b1' }, h("slot", { key: '1ea59e4037bf56ced06ad652c9c55bbc56556fd5', name: "trigger" }), h("div", { key: '7023f506e410e44a85c4683ebccfe10fdaf45c10', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h("div", { key: 'b336819de26b0ae8899dbd378272a6a5a30517d6', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h("slot", { key: 'fd9aad00f57cb5bab850983f2b28ea80b4cdd7fb', name: "content" }))));
     }
     static get is() { return "nv-popover"; }
     static get originalStyleUrls() {
@@ -331,13 +330,18 @@ export class NvPopover {
                 "type": "unknown",
                 "mutable": true,
                 "complexType": {
-                    "original": "Element",
-                    "resolved": "Element",
+                    "original": "Element | ChildNode",
+                    "resolved": "ChildNode | Element",
                     "references": {
                         "Element": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
+                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element",
+                            "referenceLocation": "Element"
+                        },
+                        "ChildNode": {
+                            "location": "global",
+                            "id": "global::ChildNode"
                         }
                     }
                 },
@@ -403,7 +407,8 @@ export class NvPopover {
                         "Placement": {
                             "location": "import",
                             "path": "@floating-ui/dom",
-                            "id": "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                            "id": "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement",
+                            "referenceLocation": "Placement"
                         }
                     }
                 },
@@ -429,7 +434,8 @@ export class NvPopover {
                         "Strategy": {
                             "location": "import",
                             "path": "@floating-ui/dom",
-                            "id": "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Strategy"
+                            "id": "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Strategy",
+                            "referenceLocation": "Strategy"
                         }
                     }
                 },
@@ -673,4 +679,3 @@ export class NvPopover {
             }];
     }
 }
-//# sourceMappingURL=nv-popover.js.map

package/dist/collection/components/nv-row/nv-row.docs.js

@@ -17,4 +17,3 @@ const NvRowDocs = {
     ],
 };
 export default NvRowDocs;
-//# sourceMappingURL=nv-row.docs.js.map

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

@@ -6,7 +6,7 @@ export class NvRow {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'fda91377821b426a6cbc6ade6f253144a388fb62' }, h("slot", { key: '5d7cc9aa4d4ad0b251aa5c028adfddade4e4d1c4' })));
+        return (h(Host, { key: '507041a8331236632f2dc12e94ca7c87465e8312' }, h("slot", { key: '3bef8f23cdc72e42467dc0407b9d2693f15638d7' })));
     }
     static get is() { return "nv-row"; }
     static get originalStyleUrls() {
@@ -20,4 +20,3 @@ export class NvRow {
         };
     }
 }
-//# sourceMappingURL=nv-row.js.map

package/dist/collection/components/nv-sidebar/nv-sidebar.docs.js

@@ -73,4 +73,3 @@ const NvSidebarDocs = {
     ],
 };
 export default NvSidebarDocs;
-//# sourceMappingURL=nv-sidebar.docs.js.map

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

@@ -156,7 +156,7 @@ export class NvSidebar {
     //#region RENDER
     render() {
         const isCollapsed = this.type === 'collapsible' && !this.open;
-        return (h(Host, { key: 'ac14d7b4027c06d1aa19b1b6c7de3f0d2e231b1a', role: "navigation", collapsed: isCollapsed ? true : undefined, "notification-intention": this.notificationIntention, "notification-emphasis": this.notificationEmphasis, "aria-expanded": this.type === 'collapsible' ? String(this.open) : undefined }, h("div", { key: 'e567303c87a2308747290fae95d7ade9971cd67a', class: "nv-sidebar-container" }, h("slot", { key: '0b2e0e1b1721aae3c0f910500bde3c2db92f879b' })), this.type === 'collapsible' && (h("button", { key: '493204449f3bb9aedd5a34cb238242aadd61324b', class: "nv-sidebar-toggle", onClick: this.handleToggle, "aria-label": this.open ? 'Collapse sidebar' : 'Expand sidebar' }, h("nv-icon", { key: '0e389c1c6c92f02f7c1e39fc07ef17a469b1e0f2', name: this.open
+        return (h(Host, { key: 'a22074a54f9d51c5a60dd698573a95862e9df0a8', role: "navigation", collapsed: isCollapsed ? true : undefined, "notification-intention": this.notificationIntention, "notification-emphasis": this.notificationEmphasis, "aria-expanded": this.type === 'collapsible' ? String(this.open) : undefined }, h("div", { key: 'f19453d0dbbad812f27f188ef198b895d37e8ad2', class: "nv-sidebar-container" }, h("slot", { key: '7194ae2a2a655716f3f1db89d9c38dc4b0ab9df0' })), this.type === 'collapsible' && (h("button", { key: '4f7a1805932f6e1783fbcf63dc54d3260464eab0', class: "nv-sidebar-toggle", onClick: this.handleToggle, "aria-label": this.open ? 'Collapse sidebar' : 'Expand sidebar' }, h("nv-icon", { key: '76d84d1c07d3f841808950c6805aa7bcaa63cf85', name: this.open
                 ? 'layout-sidebar-left-collapse'
                 : 'layout-sidebar-right-collapse', size: "sm" })))));
     }
@@ -306,4 +306,3 @@ export class NvSidebar {
             }];
     }
 }
-//# sourceMappingURL=nv-sidebar.js.map

package/dist/collection/components/nv-sidebarcontent/nv-sidebarcontent.docs.js

@@ -3,4 +3,3 @@ const NvSidebarcontentDocs = {
     skip: true,
 };
 export default NvSidebarcontentDocs;
-//# sourceMappingURL=nv-sidebarcontent.docs.js.map

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

@@ -7,7 +7,7 @@ export class NvSidebarcontent {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'c72a3de4460c4de37c2008ec4d777771d8771d32', role: "list" }, h("slot", { key: '8d08c073aebf079dbb9062bb183370e4dc4d9fe8' })));
+        return (h(Host, { key: 'e88e1557fbfa8ec74391dc11b6073eecb4d97685', role: "list" }, h("slot", { key: 'ccaf985cc498a5729600316135d750190a514582' })));
     }
     static get is() { return "nv-sidebarcontent"; }
     static get originalStyleUrls() {
@@ -21,4 +21,3 @@ export class NvSidebarcontent {
         };
     }
 }
-//# sourceMappingURL=nv-sidebarcontent.js.map

package/dist/collection/components/nv-sidebardivider/nv-sidebardivider.docs.js

@@ -3,4 +3,3 @@ const NvSidebardividerDocs = {
     skip: true,
 };
 export default NvSidebardividerDocs;
-//# sourceMappingURL=nv-sidebardivider.docs.js.map

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

@@ -6,7 +6,7 @@ export class NvSidebardivider {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return h(Host, { key: '157045ee7209aa55574c54c2392f1e53d6cdba1e', role: "separator", "aria-orientation": "horizontal" });
+        return h(Host, { key: 'e2288aab359dff9087f7758e53a476e4715b0742', role: "separator", "aria-orientation": "horizontal" });
     }
     static get is() { return "nv-sidebardivider"; }
     static get originalStyleUrls() {
@@ -20,4 +20,3 @@ export class NvSidebardivider {
         };
     }
 }
-//# sourceMappingURL=nv-sidebardivider.js.map

package/dist/collection/components/nv-sidebarfooter/nv-sidebarfooter.docs.js

@@ -3,4 +3,3 @@ const NvSidebarfooterDocs = {
     skip: true,
 };
 export default NvSidebarfooterDocs;
-//# sourceMappingURL=nv-sidebarfooter.docs.js.map

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

@@ -8,7 +8,7 @@ export class NvSidebarfooter {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'be19b80fc56a296999532d986d477dcbd817a9f2' }, h("slot", { key: '55b3e91dab40b923d67eb140be42fd2483951254' })));
+        return (h(Host, { key: 'ac36a47c2f96070779b7b05134303604e3ef7676' }, h("slot", { key: '295d26a47fa386deade3799a02686afe6ef42ce0' })));
     }
     static get is() { return "nv-sidebarfooter"; }
     static get originalStyleUrls() {
@@ -22,4 +22,3 @@ export class NvSidebarfooter {
         };
     }
 }
-//# sourceMappingURL=nv-sidebarfooter.js.map

package/dist/collection/components/nv-sidebargroup/nv-sidebargroup.docs.js

@@ -3,4 +3,3 @@ const NvSidebargroupDocs = {
     skip: true,
 };
 export default NvSidebargroupDocs;
-//# sourceMappingURL=nv-sidebargroup.docs.js.map

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

@@ -8,7 +8,7 @@ export class NvSidebargroup {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '64b17f621fef826a4105dfa39fbc57013bad0abc', role: "group", "aria-label": this.label }, this.label && h("div", { key: '48e36725296ecc87da7d15606977fbe616dd4aa3', class: "nv-sidebargroup-label" }, this.label), h("slot", { key: '61aaf8541e9372220df24dcf9cf0b5b43e22e19b' })));
+        return (h(Host, { key: 'efeaa9f861a41ad96b5f1878510bb1bbbd4a5404', role: "group", "aria-label": this.label }, this.label && h("div", { key: '75816b463eeb0cf7687f2b0bca271db560cfafa6', class: "nv-sidebargroup-label" }, this.label), h("slot", { key: '614116b7997561766949124e56f3cb66addd419b' })));
     }
     static get is() { return "nv-sidebargroup"; }
     static get originalStyleUrls() {
@@ -45,4 +45,3 @@ export class NvSidebargroup {
         };
     }
 }
-//# sourceMappingURL=nv-sidebargroup.js.map

package/dist/collection/components/nv-sidebarheader/nv-sidebarheader.docs.js

@@ -3,4 +3,3 @@ const NvSidebarheaderDocs = {
     skip: true,
 };
 export default NvSidebarheaderDocs;
-//# sourceMappingURL=nv-sidebarheader.docs.js.map

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

@@ -8,7 +8,7 @@ export class NvSidebarheader {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '2c9c0c109138ed3a23cb8f1a2fb78f29f93a4056' }, h("slot", { key: 'a928008023c6ce8a77aafbe0042ec8ed72e9c32d' })));
+        return (h(Host, { key: '8dd986cfb2cd89557955c6eb61ebfbad0eb1dbcc' }, h("slot", { key: 'ee7808c81f750f5c46da9ed0bfd3b9fcb18d393d' })));
     }
     static get is() { return "nv-sidebarheader"; }
     static get originalStyleUrls() {
@@ -22,4 +22,3 @@ export class NvSidebarheader {
         };
     }
 }
-//# sourceMappingURL=nv-sidebarheader.js.map

package/dist/collection/components/nv-sidebarlogo/nv-sidebarlogo.docs.js

@@ -3,4 +3,3 @@ const NvSidebarlogoDocs = {
     skip: true,
 };
 export default NvSidebarlogoDocs;
-//# sourceMappingURL=nv-sidebarlogo.docs.js.map

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

@@ -19,7 +19,7 @@ export class NvSidebarlogo {
     render() {
         const logoSrc = this.logo || this.defaultLogo;
         const collapsedLogoSrc = this.collapsedLogo || this.defaultCollapsedLogo;
-        return (h(Host, { key: '0d14763dcb7b1b961f2b32a7be44d8a8116087bb' }, h("div", { key: '78c2a6578cc48298aa88baf946954d79d36894db', class: "nv-sidebarlogo-container" }, h("img", { key: 'd4dd86b4d4a00bedfab84fd987d46e5e83fcb5a6', src: logoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-full" }), h("img", { key: 'c0382d6fb18fbc17a21bb411fde64dcd255f42a5', src: collapsedLogoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-collapsed" }), this.label && h("span", { key: 'f75152415bb2569698a5cae856c6b26a202f8c7d', class: "nv-sidebarlogo-title" }, this.label))));
+        return (h(Host, { key: '6a1df67b6c23e0c2b4cd4da481dcd7a708062963' }, h("div", { key: 'e974e75054b93aac6d417a5fa1c527ca75b0f417', class: "nv-sidebarlogo-container" }, h("img", { key: '51bb65b380cc18252a3ea6c16741485a61f0cf12', src: logoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-full" }), h("img", { key: '0cee540a20ffb605ea2efa38c5b5942505ada7db', src: collapsedLogoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-collapsed" }), this.label && h("span", { key: '10ffc4e62a39c5ecfffd9f115c5929057901222a', class: "nv-sidebarlogo-title" }, this.label))));
     }
     static get is() { return "nv-sidebarlogo"; }
     static get originalStyleUrls() {
@@ -94,4 +94,3 @@ export class NvSidebarlogo {
         };
     }
 }
-//# sourceMappingURL=nv-sidebarlogo.js.map

package/dist/collection/components/nv-sidebarnavitem/nv-sidebarnavitem.docs.js

@@ -3,4 +3,3 @@ const NvSidebarnavitemDocs = {
     skip: true,
 };
 export default NvSidebarnavitemDocs;
-//# sourceMappingURL=nv-sidebarnavitem.docs.js.map